En yakın adlandırılmış renk · #8ED0D8
#8ED0D8
En yakın adlandırılmış renk: Exotic Escape
#8ED0D8 (rgb(142 208 216), hsl(186 49% 70%), oklch(0.816 0.068 205.5)) 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.
#8ED0D8
oklch(0.816 0.068 205.5)
Renk dönüşümleri
- HEX
- #8ed0d8
- RGB
- rgb(142 208 216)
- HSL
- hsl(186 49% 70%)
- HWB
- hwb(186 56% 15%)
- OKLCH
- oklch(0.816 0.068 205.5)
- OKLab
- oklab(0.816 -0.061 -0.029)
- CIE Lab
- lab(79.27 -20.21 -11.01)
- LCH
- lch(79.27 23.02 208.6)
- CMYK
- cmyk(34% 4% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9AD5DC
- A6D9E0
- B1DEE4
- BDE3E8
- C8E8EB
- D3ECEF
- DEF1F3
- E9F6F7
- F4FAFB
Koyu tonlar
- 7BB5BC
- 689AA0
- 568085
- 44676B
- 344F53
- 24393B
- 152325
- 071011
- 010202
Gri tonlar
- 8DC8CF
- 8DC0C6
- 8CB7BD
- 8AAFB4
- 89A7AB
- 889FA2
- 86979A
- 849091
- 828888
Renk uyumları
Tamamlayıcı +180°
- 8ED0D8
Exotic Escape
- ECB3AD
≈ Mesa Rose
Analog -30° +30°
- 8ED0D8
Exotic Escape
- 94D2C1
≈ Wintermint
- 99CBE9
≈ Light Cornflower Blue
Üçlü +120° +240°
- 8ED0D8
Exotic Escape
- DAB4DB
≈ Blushing Sky
- D7C091
≈ Del Sol Maize
Bölünmüş tamamlayıcı +150° +210°
- 8ED0D8
Exotic Escape
- E7B1C5
≈ Athena Pink
- E6B899
≈ Creole Cottage
Dörtlü +90° +180° +270°
- 8ED0D8
Exotic Escape
- C6BBEB
≈ Connecticut Lilac
- ECB3AD
≈ Mesa Rose
- C1C997
≈ White Grape
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.16:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--exotic-escape: #8ed0d8;
--exotic-escape-rgb: 142 208 216;
--exotic-escape-oklch: oklch(0.816 0.068 205.5);
}
.element {
color: var(--exotic-escape);
background-color: hsl(186 49% 70%);
border-color: oklch(0.816 0.068 205.5);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #8ed0d8;
--color-exotic-escape-50: #e0fbff;
--color-exotic-escape-100: #cfeff3;
--color-exotic-escape-200: #b4dde3;
--color-exotic-escape-300: #8fc2c9;
--color-exotic-escape-400: #6daab2;
--color-exotic-escape-500: #4a939c;
--color-exotic-escape-600: #3f7c84;
--color-exotic-escape-700: #326469;
--color-exotic-escape-800: #23494d;
--color-exotic-escape-900: #173335;
--color-exotic-escape-950: #081e21;
}SCSS
$exotic-escape: #8ed0d8;
$exotic-escape-rgb: 142, 208, 216;
$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);
}