Colour

#64ECFF

#64ECFF
Cyan
Light
Nearest: Dark turquoise

#64ECFF is a cyan with RGB values 100, 236, 255 and HSL 187°, 100%, 70%. It is a light colour, so black text on it reaches 15:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#64ECFF#64ECFF

HEX#64ECFF

RGBrgb(100, 236, 255)

RGB (0–1)0.3922, 0.9255, 1

RGB percentages39.2%, 92.5%, 100%

HSLhsl(187.4, 100%, 69.6%)

HSV / HSBhsv(187.4, 60.8%, 100%)

CMYK60.8%, 7.5%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,614,271

CSS custom property--colour: #64ECFF;

Brightness & contrast

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

Perceived brightness207.6 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.98:1

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

Contrast with black14.98:1WCAG normal text: AAA

Greyscale equivalent#D0D0D0

Inverted#9B1300

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00F6F2no blue cones; rare, and affects men and women equally; ΔE 18.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

Contrast with black, large text14.98:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 16 Medium turquoise · ΔE 16.7 Aqua · ΔE 18.2 Cyan · ΔE 18.2 Sky blue · ΔE 18.4 Pale turquoise · ΔE 18.5

Nearest named CSS colourDark turquoise (#00CED1)ΔE 15.97, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF7764

Analogous#64FFC5, #649EFF

Triadic#FF64EC, #ECFF64

Split complementary#FF649E, #FFC564

Tetradic#C564FF, #FF7764, #9EFF64

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDFFFF

Lighter +20%#CAF9FF

Lighter +10%#97F2FF

Darker −10%#31E6FF

Darker −20%#00DEFD

Darker −30%#00B1CA

Darker −40%#008497

More saturated +25%#64ECFF

Less saturated −25%#77DDEC

Channel breakdown

R100

G236

B255

Red100 (39.2%)

Green236 (92.5%)

Blue255 (100%)

Hue187.35°

Saturation (HSL)100%

Lightness69.61%

Dominant channelBlue

Hex per channelR 64 · G EC · B FF

Keep nerding

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

#64ECFF

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