Skip to content
PantoneTools
cyan
Open Color

Cyan 6

cyan-6 · #15AABF

HEX

#15AABF

RGB

rgb(21, 170, 191)

CMYK

cmyk(89%, 11%, 0%, 25%)

HSL

hsl(187, 80%, 42%)

LAB

lab(63.9, -28.0, -20.9)

What is Cyan 6?

Cyan 6 is the cyan-6 reference in the Open Color. Its sRGB value is #15AABF (rgb 21, 170, 191). It sits in the cyan family. Open Color, an open-source color palette by Heeyeun designed for UI work. 13 hues across 10 shades (0 to 9) tuned for screen legibility and accessibility. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Cyan 6 as a background.

Black text on this color

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

White text on this color

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

Shades, tints & tonal scale of Cyan 6

An 11-step tonal scale derived from Cyan 6 (#15AABF). 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 #ECF8FA

50

#ECF8FA

#ECF8FA

Copied #DAF1F5

100

#DAF1F5

#DAF1F5

Copied #B4E4EB

200

#B4E4EB

#B4E4EB

Copied #8AD5DF

300

#8AD5DF

#8AD5DF

Copied #50BFCF

400

#50BFCF

#50BFCF

Copied #15AABF

500

#15AABF

#15AABF

Copied #1291A2

600

#1291A2

#1291A2

Copied #0E6F7C

700

#0E6F7C

#0E6F7C

Copied #094D56

800

#094D56

#094D56

Copied #052B30

900

#052B30

#052B30

Copied #031417

950

#031417

#031417

Lighter tints (mixed with white)

Copied #6EBACA

15%

#6EBACA

Copied #96C9D5

30%

#96C9D5

Copied #B4D6DF

45%

#B4D6DF

Copied #CCE2E8

60%

#CCE2E8

Copied #E1EDF1

75%

#E1EDF1

Darker shades (mixed with black)

Copied #139EB2

15%

#139EB2

Copied #1091A3

30%

#1091A3

Copied #0D8192

45%

#0D8192

Copied #0A707E

60%

#0A707E

Copied #065965

75%

#065965

Color harmonies for Cyan 6

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

Complementary

180° opposite — strongest contrast

Copied #15AABF

#15AABF

#15AABF

Copied #C12915

#C12915

#C12915

Triadic

Three colors 120° apart

Copied #15AABF

#15AABF

#15AABF

Copied #C115AD

#C115AD

#C115AD

Copied #ADC115

#ADC115

#ADC115

Analogous

Two neighbors ±30° on the wheel

Copied #15C17F

#15C17F

#15C17F

Copied #15AABF

#15AABF

#15AABF

Copied #1557C1

#1557C1

#1557C1

Split-complementary

Base + two colors flanking its complement

Copied #15AABF

#15AABF

#15AABF

Copied #C11557

#C11557

#C11557

Copied #C17F15

#C17F15

#C17F15

Tetradic

Two complementary pairs

Copied #15AABF

#15AABF

#15AABF

Copied #2915C1

#2915C1

#2915C1

Copied #C12915

#C12915

#C12915

Copied #ADC115

#ADC115

#ADC115

Square

Four colors evenly spaced 90° apart

Copied #15AABF

#15AABF

#15AABF

Copied #7F15C1

#7F15C1

#7F15C1

Copied #C12915

#C12915

#C12915

Copied #57C115

#57C115

#57C115

Cyan 6 in every color space

Full conversion of Cyan 6 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

#15AABF

RGB

rgb(21, 170, 191)

CMYK

cmyk(89%, 11%, 0%, 25%)

HSL

hsl(187, 80%, 42%)

HSV

hsv(187, 89%, 75%)

HWB

hwb(187 8% 25%)

CIE Lab

lab(63.9 -28.0 -20.9)

OKLCH

oklch(67.8% 0.114 210.6)

XYZ (D65)

xyz(24.08, 32.67, 54.32)

Copy-ready code for Cyan 6

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: #15AABF;
background-color: #15AABF;

CSS variable

:root {
  --color-cyan-6: #15AABF;
}

Tailwind config

// tailwind.config.js
colors: {
  'cyan-6': '#15AABF',
}

Sass

$color-cyan-6: #15AABF;

Swift UIColor

UIColor(red: 0.082, green: 0.667, blue: 0.749, alpha: 1.0)

Android XML

<color name="cyan-6">#15AABF</color>

Closest match in every color system

The nearest Cyan 6 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 Open Color

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 #5D9B9B

RAL 5024

#5D9B9B

Pastel blue

Copied #3F888F

RAL 5018

#3F888F

Turquoise blue

Copied #84C3BE

RAL 6027

#84C3BE

Light green

Copied #7E8B92

RAL 7000

#7E8B92

Squirrel grey

Copied #8F999F

RAL 7001

#8F999F

Silver grey

Copied #3B83BD

RAL 5012

#3B83BD

Light blue

FAQ about Cyan 6

What is the HEX code for Cyan 6?

Cyan 6 (cyan-6) has the HEX code #15AABF. In RGB it is rgb(21, 170, 191), and in CMYK it is cmyk(89%, 11%, 0%, 25%).

What is the OKLCH value of Cyan 6?

Cyan 6 converts to oklch(0.678 0.114 210.6). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Cyan 6 accessible for body text?

Used as a background, Cyan 6 has a contrast ratio of 7.53:1 with black text and 2.79: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 Cyan 6?

The closest Pantone reference to Cyan 6 by ΔE2000 perceptual distance is Pantone 3125 C (#00B0B9). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Cyan 6?

The closest RAL Classic reference to Cyan 6 by ΔE2000 distance is RAL 5024 (Pastel blue, #5D9B9B). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Cyan 6?

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

Data provenance & source

Open Color (Yeun)

Open Color, an open-source color palette by Heeyeun designed for UI designers and developers. 13 hues across 10 shades. Use as a designer-friendly palette alternative to Tailwind. Values are intentionally chosen for UI legibility and accessibility.

Source type
derived
Confidence
high
License
MIT
Last reviewed
2026-05-24

Workflow tags

open-color
design-token
ui
cyan

Open Color values are tuned for digital UI. For print, treat as a starting point and proof against the substrate.

Open Color · Cyan 6 — #15AABF | PantoneTools