Colour

#7BACB7

#7BACB7
Cyan
Dark
Nearest: Cadetblue

#7BACB7 is a cyan with RGB values 123, 172, 183 and HSL 191°, 29%, 60%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#7BACB7#7BACB7

HEX#7BACB7

RGBrgb(123, 172, 183)

RGB (0–1)0.4824, 0.6745, 0.7176

RGB percentages48.2%, 67.5%, 71.8%

HSLhsl(191, 29.4%, 60%)

HSV / HSBhsv(191, 32.8%, 71.8%)

CMYK32.8%, 6%, 0%, 28.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,105,143

CSS custom property--colour: #7BACB7;

Brightness & contrast

Relative luminance0.37135WCAG 2.x, 0 is black and 1 is white

Perceived brightness160.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.43:1

Contrast with white2.49:1WCAG normal text: Fail

Contrast with black8.43:1WCAG normal text: AAA

Greyscale equivalent#A2A2A2

Inverted#845348

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A3A8B8no red cones; affects about 1% of men; ΔE 15.2 from the original

Deuteranopia#99A1B7no green cones; the most common form, about 1% of men; ΔE 15.4 from the original

Tritanopia#66B1AFno blue cones; rare, and affects men and women equally; ΔE 11.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.49:1WCAG large text: Fail

Contrast with black, large text8.43:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 9.4 Sky blue · ΔE 15.8 Light slate grey · ΔE 16.1 Light blue · ΔE 16.7 Light steelblue · ΔE 17.1 Dark grey · ΔE 17.4

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 9.42, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#B7867B

Analogous#7BB7A4, #7B8EB7

Triadic#B77BAC, #ACB77B

Split complementary#B77B8E, #B7A47B

Tetradic#A47BB7, #B7867B, #8EB77B

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#DEEAED

Lighter +20%#BDD6DB

Lighter +10%#9CC1C9

Darker −10%#5A97A5

Darker −20%#487984

Darker −30%#365B63

Darker −40%#243D42

More saturated +25%#62BCD1

Less saturated −25%#959C9E

Channel breakdown

R123

G172

B183

Red123 (48.2%)

Green172 (67.5%)

Blue183 (71.8%)

Hue191°

Saturation (HSL)29.41%

Lightness60%

Dominant channelBlue

Hex per channelR 7B · G AC · B B7

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#7BACB7

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else