Colour

#98DCE3

#98DCE3
Cyan
Light
Nearest: Powder blue

#98DCE3 is a cyan with RGB values 152, 220, 227 and HSL 186°, 57%, 74%. It is a light colour, so black text on it reaches 13.7:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#98DCE3#98DCE3

HEX#98DCE3

RGBrgb(152, 220, 227)

RGB (0–1)0.5961, 0.8627, 0.8902

RGB percentages59.6%, 86.3%, 89%

HSLhsl(185.6, 57.3%, 74.3%)

HSV / HSBhsv(185.6, 33%, 89%)

CMYK33%, 3.1%, 0%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,018,019

CSS custom property--colour: #98DCE3;

Brightness & contrast

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

Perceived brightness203 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.68:1

Contrast with white1.53:1WCAG normal text: Fail

Contrast with black13.68:1WCAG normal text: AAA

Greyscale equivalent#CECECE

Inverted#67231C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#C5CCE3no green cones; the most common form, about 1% of men; ΔE 21.8 from the original

Tritanopia#7CE1DEno blue cones; rare, and affects men and women equally; ΔE 11 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.53:1WCAG large text: Fail

Contrast with black, large text13.68:1WCAG large text: AAA

Named colours

Powder blue · ΔE 6.4 Pale turquoise · ΔE 7.5 Light blue · ΔE 8.8 Sky blue · ΔE 12.8 Light cyan · ΔE 18.5 Medium turquoise · ΔE 19.1

Nearest named CSS colourPowder blue (#B0E0E6)ΔE 6.4, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E39F98

Analogous#98E3C4, #98B7E3

Triadic#E398DC, #DCE398

Split complementary#E398B7, #E3C498

Tetradic#C498E3, #E39F98, #B7E398

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E8F7F9

Lighter +10%#C0EAEE

Darker −10%#70CED8

Darker −20%#48C1CD

Darker −30%#30A6B2

Darker −40%#25808A

More saturated +25%#88E9F3

Less saturated −25%#A8CFD3

Channel breakdown

R152

G220

B227

Red152 (59.6%)

Green220 (86.3%)

Blue227 (89%)

Hue185.6°

Saturation (HSL)57.25%

Lightness74.31%

Dominant channelBlue

Hex per channelR 98 · G DC · B E3

Keep nerding

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

#98DCE3

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