Nerdulator> put something in

Recognised as Colour

#7BB7AF

  • #7BB7AF
  • Cyan
  • Dark
  • Nearest: Cadetblue

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

Colour values

#7BB7AF#7BB7AF
HEX#7BB7AF
RGBrgb(123, 183, 175)
RGB (0–1)0.4824, 0.7176, 0.6863
RGB percentages48.2%, 71.8%, 68.6%
HSLhsl(172, 29.4%, 60%)
HSV / HSBhsv(172, 32.8%, 71.8%)
CMYK32.8%, 0%, 4.4%, 28.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,107,951
CSS custom property--colour: #7BB7AF;

Brightness & contrast

Relative luminance0.41173WCAG 2.x, 0 is black and 1 is white
Perceived brightness166.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.23:1
Contrast with white2.27:1WCAG normal text: Fail
Contrast with black9.23:1WCAG normal text: AAA
Greyscale equivalent#AAAAAA
Inverted#844850

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#B1B1AFno red cones; affects about 1% of men; ΔE 21.1 from the original
Deuteranopia#A6A9B0no green cones; the most common form, about 1% of men; ΔE 21.5 from the original
Tritanopia#67BAB4no blue cones; rare, and affects men and women equally; ΔE 6.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.27:1WCAG large text: Fail
Contrast with black, large text9.23:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 10.7Light seagreen · ΔE 17.5Powder blue · ΔE 18.3Medium turquoise · ΔE 18.6Light blue · ΔE 19.4Pale turquoise · ΔE 20.3
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 10.67, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B77B83
Analogous#7BB791, #7BA1B7
Triadic#AF7BB7, #B7AF7B
Split complementary#B77BA1, #B7917B
Tetradic#917BB7, #B77B83, #A1B77B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#DEEDEB
Lighter +20%#BDDBD7
Lighter +10%#9CC9C3
Darker −10%#5AA59B
Darker −20%#48847C
Darker −30%#36635D
Darker −40%#24423E
More saturated +25%#62D1C2
Less saturated −25%#959E9C

Channel breakdown

R123
G183
B175
Red123 (48.2%)
Green183 (71.8%)
Blue175 (68.6%)
Hue172°
Saturation (HSL)29.41%
Lightness60%
Dominant channelGreen
Hex per channelR 7B · G B7 · B AF

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “7bb7af” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.