En yakın adlandırılmış renk · #9CD8DB
#9CD8DB
En yakın adlandırılmış renk: Exotic Escape
#9CD8DB (rgb(156 216 219), hsl(183 47% 74%), oklch(0.843 0.061 200)) en çok Exotic Escape adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9CD8DB
oklch(0.843 0.061 200)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A6DCDF
- B1E0E2
- BBE4E6
- C5E8E9
- CFECED
- D8F0F1
- E2F3F4
- ECF7F8
- F5FBFB
Koyu tonlar
- 87BCBE
- 73A0A2
- 5F8587
- 4C6B6D
- 395354
- 283B3C
- 182526
- 091111
- 010202
Gri tonlar
- 9ACFD2
- 97C6C8
- 95BDBF
- 92B4B6
- 8FABAC
- 8DA2A3
- 8A9A9A
- 879191
- 838889
Renk uyumları
Tamamlayıcı +180°
- 9CD8DB
Exotic Escape
- F1BCBB
≈ Pinkathon
Analog -30° +30°
- 9CD8DB
Exotic Escape
- A4D9C5
≈ Southern Belle
- A3D4EC
≈ Light Deluxe Days
Üçlü +120° +240°
- 9CD8DB
Exotic Escape
- DEBFE5
≈ Glittering Gemstone
- E1C89F
≈ So Close
Bölünmüş tamamlayıcı +150° +210°
- 9CD8DB
Exotic Escape
- EBBCD1
≈ Dainty Pink
- EDC0A8
≈ Veronese Peach
Dörtlü +90° +180° +270°
- 9CD8DB
Exotic Escape
- CAC5F1
≈ Soap
- F1BCBB
≈ Pinkathon
- CDCFA2
≈ Heart of Palm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.25:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}