Colour

#30FFFF

#30FFFF
Cyan
Light
Nearest: Aqua

#30FFFF is a cyan with RGB values 48, 255, 255 and HSL 180°, 100%, 59%. It is a light colour, so black text on it reaches 16.9:1 contrast (AAA for normal text). The nearest named colour is Aqua.

Colour values

#30FFFF#30FFFF

HEX#30FFFF

RGBrgb(48, 255, 255)

RGB (0–1)0.1882, 1, 1

RGB percentages18.8%, 100%, 100%

HSLhsl(180, 100%, 59.4%)

HSV / HSBhsv(180, 81.2%, 100%)

CMYK81.2%, 0%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,211,263

CSS custom property--colour: #30FFFF;

Brightness & contrast

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

Perceived brightness215.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.87:1

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

Contrast with black16.87:1WCAG normal text: AAA

Greyscale equivalent#D3D3D3

Inverted#CF0000

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text16.87:1WCAG large text: AAA

Named colours

Aqua · ΔE 2 Cyan · ΔE 2 Turquoise · ΔE 14.2 Dark turquoise · ΔE 17.2 Medium turquoise · ΔE 17.8 Aquamarine · ΔE 23.4

Nearest named CSS colourAqua (#00FFFF)ΔE 1.95, below the just-noticeable difference

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF3030

Analogous#30FF98, #3098FF

Triadic#FF30FF, #FFFF30

Split complementary#FF3098, #FF9830

Tetradic#9830FF, #FF3030, #98FF30

Tints, shades & saturation

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

Lighter +40%#FCFFFF

Lighter +30%#C9FFFF

Lighter +20%#96FFFF

Lighter +10%#63FFFF

Darker −10%#00FCFC

Darker −20%#00C9C9

Darker −30%#009696

Darker −40%#006363

More saturated +25%#30FFFF

Less saturated −25%#4AE5E5

Channel breakdown

R48

G255

B255

Red48 (18.8%)

Green255 (100%)

Blue255 (100%)

Hue180°

Saturation (HSL)100%

Lightness59.41%

Dominant channelGreen and Blue

Hex per channelR 30 · G FF · B FF

Keep nerding

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

#30FFFF

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