Cor nomeada mais próxima · #9CD8DB
#9CD8DB
Cor nomeada mais próxima: Exotic Escape
#9CD8DB (rgb(156 216 219), hsl(183 47% 74%), oklch(0.843 0.061 200)) é mais próxima da cor nomeada Exotic Escape. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9CD8DB
oklch(0.843 0.061 200)
Conversões de cor
- HEX
- #9cd8db
- RGB
- rgb(156 216 219)
- HSL
- hsl(183 47% 74%)
- HWB
- hwb(183 61% 14%)
- OKLCH
- oklch(0.843 0.061 200)
- OKLab
- oklab(0.843 -0.058 -0.021)
- CIE Lab
- lab(82.33 -19.3 -7.99)
- LCH
- lch(82.33 20.89 202.5)
- CMYK
- cmyk(29% 1% 0% 14%)
Tons claros · Sombras · Tons
Tons claros
- A6DCDF
- B1E0E2
- BBE4E6
- C5E8E9
- CFECED
- D8F0F1
- E2F3F4
- ECF7F8
- F5FBFB
Sombras
- 87BCBE
- 73A0A2
- 5F8587
- 4C6B6D
- 395354
- 283B3C
- 182526
- 091111
- 010202
Tons
- 9ACFD2
- 97C6C8
- 95BDBF
- 92B4B6
- 8FABAC
- 8DA2A3
- 8A9A9A
- 879191
- 838889
Harmonias de cor
Complementar +180°
- 9CD8DB
Exotic Escape
- F1BCBB
≈ Pinkathon
Análoga -30° +30°
- 9CD8DB
Exotic Escape
- A4D9C5
≈ Southern Belle
- A3D4EC
≈ Light Deluxe Days
Tríade +120° +240°
- 9CD8DB
Exotic Escape
- DEBFE5
≈ Glittering Gemstone
- E1C89F
≈ So Close
Complementar dividida +150° +210°
- 9CD8DB
Exotic Escape
- EBBCD1
≈ Dainty Pink
- EDC0A8
≈ Veronese Peach
Tétrade +90° +180° +270°
- 9CD8DB
Exotic Escape
- CAC5F1
≈ Soap
- F1BCBB
≈ Pinkathon
- CDCFA2
≈ Heart of Palm
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.25:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--exotic-escape: #9cd8db;
--exotic-escape-rgb: 156 216 219;
--exotic-escape-oklch: oklch(0.843 0.061 200);
}
.element {
color: var(--exotic-escape);
background-color: hsl(183 47% 74%);
border-color: oklch(0.843 0.061 200);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #9cd8db;
--color-exotic-escape-50: #e2fbfd;
--color-exotic-escape-100: #d1eef1;
--color-exotic-escape-200: #b7dddf;
--color-exotic-escape-300: #93c1c5;
--color-exotic-escape-400: #72aaad;
--color-exotic-escape-500: #519396;
--color-exotic-escape-600: #457c7f;
--color-exotic-escape-700: #376366;
--color-exotic-escape-800: #27494a;
--color-exotic-escape-900: #1a3333;
--color-exotic-escape-950: #0a1e1f;
}SCSS
$exotic-escape: #9cd8db;
$exotic-escape-rgb: 156, 216, 219;
$exotic-escape-light: mix(#fff, $exotic-escape, 20%);
$exotic-escape-dark: mix(#000, $exotic-escape, 20%);
.element {
color: $exotic-escape;
box-shadow: 0 0 0 2px rgba($exotic-escape, 0.35);
}