Nerdulator> put something in

Recognised as Colour

#30D4E0

  • #30D4E0
  • Cyan
  • Light
  • Nearest: Dark turquoise

#30D4E0 is a cyan with RGB values 48, 212, 224 and HSL 184°, 74%, 53%. It is a light colour, so black text on it reaches 11.6:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#30D4E0#30D4E0
HEX#30D4E0
RGBrgb(48, 212, 224)
RGB (0–1)0.1882, 0.8314, 0.8784
RGB percentages18.8%, 83.1%, 87.8%
HSLhsl(184.1, 73.9%, 53.3%)
HSV / HSBhsv(184.1, 78.6%, 87.8%)
CMYK78.6%, 5.4%, 0%, 12.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,200,224
CSS custom property--colour: #30D4E0;

Brightness & contrast

Relative luminance0.53097WCAG 2.x, 0 is black and 1 is white
Perceived brightness181.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.62:1
Contrast with white1.81:1WCAG normal text: Fail
Contrast with black11.62:1WCAG normal text: AAA
Greyscale equivalent#B2B2B2
Inverted#CF2B1F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#C3CBE1no red cones; affects about 1% of men; ΔE 38.1 from the original
Deuteranopia#ABB9E1no green cones; the most common form, about 1% of men; ΔE 39.9 from the original
Tritanopia#00DDD7no blue cones; rare, and affects men and women equally; ΔE 12.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.81:1WCAG large text: Fail
Contrast with black, large text11.62:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 6.4Medium turquoise · ΔE 9.4Turquoise · ΔE 16.2Light seagreen · ΔE 16.6Aqua · ΔE 18.3Cyan · ΔE 18.3
Nearest named CSS colourDark turquoise (#00CED1)ΔE 6.41, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E03C30
Analogous#30E094, #307CE0
Triadic#E030D4, #D4E030
Split complementary#E0307C, #E09430
Tetradic#9430E0, #E03C30, #7CE030

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E1F9FB
Lighter +30%#B5F0F4
Lighter +20%#89E6ED
Lighter +10%#5CDDE7
Darker −10%#1DB5C0
Darker −20%#168B94
Darker −30%#106168
Darker −40%#09383B
More saturated +25%#12EEFE
Less saturated −25%#4EBAC2

Channel breakdown

R48
G212
B224
Red48 (18.8%)
Green212 (83.1%)
Blue224 (87.8%)
Hue184.09°
Saturation (HSL)73.95%
Lightness53.33%
Dominant channelBlue
Hex per channelR 30 · G D4 · B E0

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