Skip to content
PantoneTools
cyan
X11 named colors

Cyan2

cyan2 · #00EEEE

HEX

#00EEEE

RGB

rgb(0, 238, 238)

CMYK

cmyk(100%, 0%, 0%, 7%)

HSL

hsl(180, 100%, 47%)

LAB

lab(85.7, -45.6, -13.4)

What is Cyan2?

Cyan2 is the cyan2 reference in the X11 named colors. Its sRGB value is #00EEEE (rgb 0, 238, 238). It sits in the cyan family. Historical X Window System color names — the numbered 1-4 lightness variants of the classic xorg-server rgb.txt palette. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Cyan2 as a background.

Black text on this color

Sample text · 14.46 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 1.45 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Cyan2

An 11-step tonal scale derived from Cyan2 (#00EEEE). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #EBFEFE

50

#EBFEFE

#EBFEFE

Copied #D6FCFC

100

#D6FCFC

#D6FCFC

Copied #ADFAFA

200

#ADFAFA

#ADFAFA

Copied #80F7F7

300

#80F7F7

#80F7F7

Copied #40F2F2

400

#40F2F2

#40F2F2

Copied #00EEEE

500

#00EEEE

#00EEEE

Copied #00CACA

600

#00CACA

#00CACA

Copied #009B9B

700

#009B9B

#009B9B

Copied #006B6B

800

#006B6B

#006B6B

Copied #003C3C

900

#003C3C

#003C3C

Copied #001D1D

950

#001D1D

#001D1D

Lighter tints (mixed with white)

Copied #6CF1F1

15%

#6CF1F1

Copied #95F3F3

30%

#95F3F3

Copied #B3F6F6

45%

#B3F6F6

Copied #CBF8F8

60%

#CBF8F8

Copied #E1FBFB

75%

#E1FBFB

Darker shades (mixed with black)

Copied #00DDDD

15%

#00DDDD

Copied #00CBCB

30%

#00CBCB

Copied #00B6B6

45%

#00B6B6

Copied #009E9E

60%

#009E9E

Copied #007F7F

75%

#007F7F

Color harmonies for Cyan2

Classic color-theory harmonies derived from rotating the hue of Cyan2. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #00EEEE

#00EEEE

#00EEEE

Copied #F00000

#F00000

#F00000

Triadic

Three colors 120° apart

Copied #00EEEE

#00EEEE

#00EEEE

Copied #F000F0

#F000F0

#F000F0

Copied #F0F000

#F0F000

#F0F000

Analogous

Two neighbors ±30° on the wheel

Copied #00F078

#00F078

#00F078

Copied #00EEEE

#00EEEE

#00EEEE

Copied #0078F0

#0078F0

#0078F0

Split-complementary

Base + two colors flanking its complement

Copied #00EEEE

#00EEEE

#00EEEE

Copied #F00078

#F00078

#F00078

Copied #F07800

#F07800

#F07800

Tetradic

Two complementary pairs

Copied #00EEEE

#00EEEE

#00EEEE

Copied #0000F0

#0000F0

#0000F0

Copied #F00000

#F00000

#F00000

Copied #F0F000

#F0F000

#F0F000

Square

Four colors evenly spaced 90° apart

Copied #00EEEE

#00EEEE

#00EEEE

Copied #7800F0

#7800F0

#7800F0

Copied #F00000

#F00000

#F00000

Copied #78F000

#78F000

#78F000

Cyan2 in every color space

Full conversion of Cyan2 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#00EEEE

RGB

rgb(0, 238, 238)

CMYK

cmyk(100%, 0%, 0%, 7%)

HSL

hsl(180, 100%, 47%)

HSV

hsv(180, 100%, 93%)

HWB

hwb(180 0% 7%)

CIE Lab

lab(85.7 -45.6 -13.4)

OKLCH

oklch(85.9% 0.147 194.8)

XYZ (D65)

xyz(46.00, 67.32, 91.44)

Copy-ready code for Cyan2

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #00EEEE;
background-color: #00EEEE;

CSS variable

:root {
  --color-cyan2: #00EEEE;
}

Tailwind config

// tailwind.config.js
colors: {
  'cyan2': '#00EEEE',
}

Sass

$color-cyan2: #00EEEE;

Swift UIColor

UIColor(red: 0.000, green: 0.933, blue: 0.933, alpha: 1.0)

Android XML

<color name="cyan2">#00EEEE</color>

Closest match in every color system

The nearest Cyan2 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in X11 named colors

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #84C3BE

RAL 6027

#84C3BE

Light green

Copied #5D9B9B

RAL 5024

#5D9B9B

Pastel blue

Copied #BDECB6

RAL 6019

#BDECB6

Pastel green

Copied #E7EBDA

RAL 9002

#E7EBDA

Grey white

Copied #D7D7D7

RAL 7035

#D7D7D7

Light grey

Copied #D7D7D7

RAL 9018

#D7D7D7

Papyrus white

FAQ about Cyan2

What is the HEX code for Cyan2?

Cyan2 (cyan2) has the HEX code #00EEEE. In RGB it is rgb(0, 238, 238), and in CMYK it is cmyk(100%, 0%, 0%, 7%).

What is the OKLCH value of Cyan2?

Cyan2 converts to oklch(0.859 0.147 194.8). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Cyan2 accessible for body text?

Used as a background, Cyan2 has a contrast ratio of 14.46:1 with black text and 1.45:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use black text and verify in real UI context.

What is the closest Pantone to Cyan2?

The closest Pantone reference to Cyan2 by ΔE2000 perceptual distance is Pantone 304 C (#9CDBD9). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Cyan2?

The closest RAL Classic reference to Cyan2 by ΔE2000 distance is RAL 6027 (Light green, #84C3BE). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Cyan2?

The complementary color (180° opposite on the HSL color wheel) of Cyan2 is #F00000. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

X11 named colors (xorg rgb.txt)

The historical X11 color name list shipped in the xorg-server rgb.txt file. Roughly 550 entries covering classic computing color names like 'PapayaWhip', 'MediumAquamarine', and 'DarkSlateGray'. Many CSS named colors originate here. Use as a reference for legacy and creative color names. Most modern CSS implementations accept these names directly.

Source type
derived
Confidence
high
License
MIT/X11 license (X Consortium)
Last reviewed
2026-05-24

Workflow tags

x11
named-color
legacy
cyan

X11 colors are sRGB digital values from a 1980s color system. For print, convert to a process-appropriate color and proof against substrate.

X11 named colors · Cyan2 — #00EEEE | PantoneTools