Nerdulator> put something in

Recognised as Colour

#457F8A

  • #457F8A
  • Cyan
  • Dark
  • Nearest: Cadetblue

#457F8A is a cyan with RGB values 69, 127, 138 and HSL 190°, 33%, 41%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#457F8A#457F8A
HEX#457F8A
RGBrgb(69, 127, 138)
RGB (0–1)0.2706, 0.498, 0.5412
RGB percentages27.1%, 49.8%, 54.1%
HSLhsl(189.6, 33.3%, 40.6%)
HSV / HSBhsv(189.6, 50%, 54.1%)
CMYK50%, 8%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,554,634
CSS custom property--colour: #457F8A;

Brightness & contrast

Relative luminance0.18279WCAG 2.x, 0 is black and 1 is white
Perceived brightness114.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.66:1
Contrast with white4.51:1WCAG normal text: AA
Contrast with black4.66:1WCAG normal text: AA
Greyscale equivalent#737373
Inverted#BA8075

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#767B8Bno red cones; affects about 1% of men; ΔE 17.7 from the original
Deuteranopia#6B738Ano green cones; the most common form, about 1% of men; ΔE 18.2 from the original
Tritanopia#1E8482no blue cones; rare, and affects men and women equally; ΔE 13.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.51:1WCAG large text: AAA
Contrast with black, large text4.66:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.8Teal · ΔE 13.6Slate grey · ΔE 14Light slate grey · ΔE 14.9Dark cyan · ΔE 15.3Gray · ΔE 20.1
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.76, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#8A5045
Analogous#458A73, #455C8A
Triadic#8A457F, #7F8A45
Split complementary#8A455C, #8A7345
Tetradic#73458A, #8A5045, #5C8A45

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BDD9DE
Lighter +30%#9BC5CD
Lighter +20%#79B1BC
Lighter +10%#579EAB
Darker −10%#346068
Darker −20%#234046
Darker −30%#122124
Darker −40%#010202
More saturated +25%#2B91A4
Less saturated −25%#5F6D70

Channel breakdown

R69
G127
B138
Red69 (27.1%)
Green127 (49.8%)
Blue138 (54.1%)
Hue189.57°
Saturation (HSL)33.33%
Lightness40.59%
Dominant channelBlue
Hex per channelR 45 · G 7F · B 8A

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