Colour

#63BABA

#63BABA
Cyan
Dark
Nearest: Cadetblue

#63BABA is a cyan with RGB values 99, 186, 186 and HSL 180°, 39%, 56%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#63BABA#63BABA

HEX#63BABA

RGBrgb(99, 186, 186)

RGB (0–1)0.3882, 0.7294, 0.7294

RGB percentages38.8%, 72.9%, 72.9%

HSLhsl(180, 38.7%, 55.9%)

HSV / HSBhsv(180, 46.8%, 72.9%)

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

24-bit integer6,535,866

CSS custom property--colour: #63BABA;

Brightness & contrast

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

Perceived brightness164.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.26:1

Contrast with white2.27:1WCAG normal text: Fail

Contrast with black9.26:1WCAG normal text: AAA

Greyscale equivalent#A8A8A8

Inverted#9C4545

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#31BFBAno 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 text2.27:1WCAG large text: Fail

Contrast with black, large text9.26:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 11.3 Light seagreen · ΔE 12.4 Medium turquoise · ΔE 13 Dark turquoise · ΔE 15.7 Dark cyan · ΔE 18.8 Sky blue · ΔE 19.5

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 11.3, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BA6363

Analogous#63BA8F, #638FBA

Triadic#BA63BA, #BABA63

Split complementary#BA638F, #BA8F63

Tetradic#8F63BA, #BA6363, #8FBA63

Tints, shades & saturation

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

Lighter +40%#F0F9F9

Lighter +30%#CDE9E9

Lighter +20%#AAD9D9

Lighter +10%#86CACA

Darker −10%#48A2A2

Darker −20%#387F7F

Darker −30%#285C5C

Darker −40%#193838

More saturated +25%#47D6D6

Less saturated −25%#7F9E9E

Channel breakdown

R99

G186

B186

Red99 (38.8%)

Green186 (72.9%)

Blue186 (72.9%)

Hue180°

Saturation (HSL)38.67%

Lightness55.88%

Dominant channelGreen and Blue

Hex per channelR 63 · G BA · B BA

Keep nerding

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

#63BABA

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