En yakın adlandırılmış renk · #92D5D9
#92D5D9
En yakın adlandırılmış renk: Exotic Escape
#92D5D9 (rgb(146 213 217), hsl(183 48% 71%), oklch(0.83 0.068 200.7)) 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.
#92D5D9
oklch(0.83 0.068 200.7)
Renk dönüşümleri
- HEX
- #92d5d9
- RGB
- rgb(146 213 217)
- HSL
- hsl(183 48% 71%)
- HWB
- hwb(183 57% 15%)
- OKLCH
- oklch(0.83 0.068 200.7)
- OKLab
- oklab(0.83 -0.063 -0.024)
- CIE Lab
- lab(80.91 -21.19 -9.11)
- LCH
- lch(80.91 23.07 203.3)
- CMYK
- cmyk(33% 2% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9ED9DD
- A9DEE1
- B4E2E4
- BFE6E8
- CAEAEC
- D5EEF0
- DFF3F4
- EAF7F7
- F4FBFB
Koyu tonlar
- 7EB9BC
- 6B9EA1
- 588386
- 466A6C
- 355153
- 253A3B
- 162425
- 081011
- 010202
Gri tonlar
- 91CCD0
- 90C4C7
- 8EBBBD
- 8DB2B4
- 8BAAAB
- 89A1A3
- 87999A
- 859191
- 838889
Renk uyumları
Tamamlayıcı +180°
- 92D5D9
Exotic Escape
- F0B6B5
≈ Old Flame
Analog -30° +30°
- 92D5D9
Exotic Escape
- 9BD6C1
≈ Isabella’s Aqua
- 9AD0EB
≈ Light Whimsy
Üçlü +120° +240°
- 92D5D9
Exotic Escape
- DCB9E3
≈ Pretty Petunia
- DEC395
≈ Dirty Blonde
Bölünmüş tamamlayıcı +150° +210°
- 92D5D9
Exotic Escape
- EBB6CD
≈ Sweet Lilac
- ECBBA0
≈ Sunset Drive
Dörtlü +90° +180° +270°
- 92D5D9
Exotic Escape
- C6C0F1
≈ Vodka
- F0B6B5
≈ Old Flame
- C9CC99
≈ Vegetarian Vulture
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.74:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--exotic-escape: #92d5d9;
--exotic-escape-rgb: 146 213 217;
--exotic-escape-oklch: oklch(0.83 0.068 200.7);
}
.element {
color: var(--exotic-escape);
background-color: hsl(183 48% 71%);
border-color: oklch(0.83 0.068 200.7);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #92d5d9;
--color-exotic-escape-50: #e0fbfe;
--color-exotic-escape-100: #cfeff2;
--color-exotic-escape-200: #b3dde1;
--color-exotic-escape-300: #8fc2c7;
--color-exotic-escape-400: #6dabaf;
--color-exotic-escape-500: #499498;
--color-exotic-escape-600: #3f7d81;
--color-exotic-escape-700: #326467;
--color-exotic-escape-800: #234a4b;
--color-exotic-escape-900: #173334;
--color-exotic-escape-950: #081f20;
}SCSS
$exotic-escape: #92d5d9;
$exotic-escape-rgb: 146, 213, 217;
$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);
}