Named color · #A6D0D6
Cay
Cay is #A6D0D6: rgb(166 208 214), hsl(188 37% 75%), oklch(0.83 0.045 207). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Cay color name →
#A6D0D6
oklch(0.83 0.045 207)
Color conversions
- HEX
- #a6d0d6
- RGB
- rgb(166 208 214)
- HSL
- hsl(188 37% 75%)
- HWB
- hwb(188 65% 16%)
- OKLCH
- oklch(0.83 0.045 207)
- OKLab
- oklab(0.83 -0.04 -0.02)
- CIE Lab
- lab(80.62 -13.31 -7.78)
- LCH
- lch(80.62 15.42 210.3)
- CMYK
- cmyk(22% 3% 0% 16%)
Tints · Shades · Tones
Tints
- AFD5DA
- B8D9DE
- C1DEE2
- CAE3E6
- D3E7EA
- DBECEF
- E4F1F3
- EDF6F7
- F6FAFB
Shades
- 90B5BA
- 7A9A9E
- 658084
- 51676A
- 3E4F52
- 2B393B
- 1A2325
- 0A1010
- 010202
Tones
- A2C8CD
- 9FC0C4
- 9BB7BB
- 97AFB3
- 94A7AA
- 909FA1
- 8C9799
- 888F91
- 848888
Color harmonies
Complementary +180°
- A6D0D6
Cay
- E3BDB8
≈ Balcony Rose
Analogous -30° +30°
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.61:1 · APCA Lc 74
Best text color: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--cay: #a6d0d6;
--cay-rgb: 166 208 214;
--cay-oklch: oklch(0.83 0.045 207);
}
.element {
color: var(--cay);
background-color: hsl(188 37% 75%);
border-color: oklch(0.83 0.045 207);
}Tailwind CSS v4
@theme {
--color-cay: #a6d0d6;
--color-cay-50: #e7f9fc;
--color-cay-100: #d8ecf0;
--color-cay-200: #bfdadf;
--color-cay-300: #9ebec4;
--color-cay-400: #80a6ac;
--color-cay-500: #628f95;
--color-cay-600: #54797e;
--color-cay-700: #436165;
--color-cay-800: #30474a;
--color-cay-900: #203133;
--color-cay-950: #101d1f;
}SCSS
$cay: #a6d0d6;
$cay-rgb: 166, 208, 214;
$cay-light: mix(#fff, $cay, 20%);
$cay-dark: mix(#000, $cay, 20%);
.element {
color: $cay;
box-shadow: 0 0 0 2px rgba($cay, 0.35);
}