Nerdulator> put something in

Recognised as Colour

#7BB4AB

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

#7BB4AB is a cyan with RGB values 123, 180, 171 and HSL 171°, 28%, 59%. It is a dark colour, so black text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#7BB4AB#7BB4AB
HEX#7BB4AB
RGBrgb(123, 180, 171)
RGB (0–1)0.4824, 0.7059, 0.6706
RGB percentages48.2%, 70.6%, 67.1%
HSLhsl(170.5, 27.5%, 59.4%)
HSV / HSBhsv(170.5, 31.7%, 70.6%)
CMYK31.7%, 0%, 5%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,107,179
CSS custom property--colour: #7BB4AB;

Brightness & contrast

Relative luminance0.39794WCAG 2.x, 0 is black and 1 is white
Perceived brightness163.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.96:1
Contrast with white2.34:1WCAG normal text: Fail
Contrast with black8.96:1WCAG normal text: AAA
Greyscale equivalent#A7A7A7
Inverted#844B54

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AFAEABno red cones; affects about 1% of men; ΔE 20.6 from the original
Deuteranopia#A4A6ACno green cones; the most common form, about 1% of men; ΔE 21.1 from the original
Tritanopia#69B6B1no blue cones; rare, and affects men and women equally; ΔE 5.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.34:1WCAG large text: Fail
Contrast with black, large text8.96:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 10.2Light seagreen · ΔE 18.1Powder blue · ΔE 19.2Medium turquoise · ΔE 19.7Dark seagreen · ΔE 19.9Light blue · ΔE 20.1
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 10.22, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B47B84
Analogous#7BB48E, #7BA1B4
Triadic#AB7BB4, #B4AB7B
Split complementary#B47BA1, #B48E7B
Tetradic#8E7BB4, #B47B84, #A1B47B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FDFEFE
Lighter +30%#DDEBE9
Lighter +20%#BCD9D4
Lighter +10%#9CC6C0
Darker −10%#5BA196
Darker −20%#498077
Darker −30%#366059
Darker −40%#243F3B
More saturated +25%#61CEBD
Less saturated −25%#959A99

Channel breakdown

R123
G180
B171
Red123 (48.2%)
Green180 (70.6%)
Blue171 (67.1%)
Hue170.53°
Saturation (HSL)27.54%
Lightness59.41%
Dominant channelGreen
Hex per channelR 7B · G B4 · B AB

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 “7bb4ab” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.