Recognised as Colour

#30BFD5

#30BFD5
Cyan
Dark
Nearest: Dark turquoise

#30BFD5 is a cyan with RGB values 48, 191, 213 and HSL 188°, 66%, 51%. It is a dark colour, so black text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#30BFD5#30BFD5

HEX#30BFD5

RGBrgb(48, 191, 213)

RGB (0–1)0.1882, 0.749, 0.8353

RGB percentages18.8%, 74.9%, 83.5%

HSLhsl(188, 66.3%, 51.2%)

HSV / HSBhsv(188, 77.5%, 83.5%)

CMYK77.5%, 10.3%, 0%, 16.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,194,837

CSS custom property--colour: #30BFD5;

Brightness & contrast

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

Perceived brightness165.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.54:1

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

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

Greyscale equivalent#A2A2A2

Inverted#CF402A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#97A8D5no green cones; the most common form, about 1% of men; ΔE 33.7 from the original

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

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

Contrast with white, large text2.2:1WCAG large text: Fail

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

Named colours

Dark turquoise · ΔE 14.1 Sky blue · ΔE 16.4 Medium turquoise · ΔE 16.5 Light seagreen · ΔE 18.3 Cadetblue · ΔE 19.9 Light skyblue · ΔE 21.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D54630

Analogous#30D598, #306CD5

Triadic#D530BF, #BFD530

Split complementary#D5306C, #D59830

Tetradic#9930D5, #D54630, #6CD530

Tints, shades & saturation

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

Lighter +40%#DAF3F7

Lighter +30%#AFE6EF

Lighter +20%#85D9E6

Lighter +10%#5ACCDE

Darker −10%#239CAF

Darker −20%#1B7684

Darker −30%#12505A

Darker −40%#0A2A2F

More saturated +25%#11D6F4

Less saturated −25%#4FA8B6

Channel breakdown

R48

G191

B213

Red48 (18.8%)

Green191 (74.9%)

Blue213 (83.5%)

Hue188°

Saturation (HSL)66.27%

Lightness51.18%

Dominant channelBlue

Hex per channelR 30 · G BF · B D5

Keep nerding

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

#30BFD5

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