En yakın adlandırılmış renk · #8DBEC3
#8DBEC3
En yakın adlandırılmış renk: Misty Cold Sea
#8DBEC3 (rgb(141 190 195), hsl(186 31% 66%), oklch(0.769 0.052 204)) en çok Misty Cold Sea 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.
#8DBEC3
oklch(0.769 0.052 204)
Renk dönüşümleri
- HEX
- #8dbec3
- RGB
- rgb(141 190 195)
- HSL
- hsl(186 31% 66%)
- HWB
- hwb(186 55% 24%)
- OKLCH
- oklch(0.769 0.052 204)
- OKLab
- oklab(0.769 -0.047 -0.021)
- CIE Lab
- lab(73.64 -15.82 -8.05)
- LCH
- lch(73.64 17.75 207)
- CMYK
- cmyk(28% 3% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99C4C9
- A4CBCF
- AFD1D5
- BBD8DB
- C6DEE1
- D1E5E7
- DDEBED
- E8F2F3
- F4F8F9
Koyu tonlar
- 7AA5A9
- 678C90
- 557578
- 445E60
- 33484A
- 233334
- 141F20
- 070D0E
- 010202
Gri tonlar
- 8CB8BC
- 8BB1B5
- 8AABAE
- 89A5A8
- 889FA1
- 86989A
- 859294
- 838C8D
- 828686
Renk uyumları
Tamamlayıcı +180°
- 8DBEC3
Misty Cold Sea
- D3A8A4
≈ La Vie en Rose
Analog -30° +30°
- 8DBEC3
Misty Cold Sea
- 92BFB1
≈ Scenic View
- 94BAD0
≈ Bonnie Blue
Üçlü +120° +240°
- 8DBEC3
Misty Cold Sea
- C5A9C7
≈ Linnea Blossom
- C4B28F
≈ Earthy Cane
Bölünmüş tamamlayıcı +150° +210°
- 8DBEC3
Misty Cold Sea
- D0A7B6
≈ Fragrant Lilac
- CFAC95
≈ Frappé
Dörtlü +90° +180° +270°
- 8DBEC3
Misty Cold Sea
- B5AED2
≈ Freesia Purple
- D3A8A4
≈ La Vie en Rose
- B3B892
≈ Green Tea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.28:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--misty-cold-sea: #8dbec3;
--misty-cold-sea-rgb: 141 190 195;
--misty-cold-sea-oklch: oklch(0.769 0.052 204);
}
.element {
color: var(--misty-cold-sea);
background-color: hsl(186 31% 66%);
border-color: oklch(0.769 0.052 204);
}Tailwind CSS v4
@theme {
--color-misty-cold-sea: #8dbec3;
--color-misty-cold-sea-50: #e5fafc;
--color-misty-cold-sea-100: #d5edf0;
--color-misty-cold-sea-200: #bcdbdf;
--color-misty-cold-sea-300: #99bfc4;
--color-misty-cold-sea-400: #7aa8ad;
--color-misty-cold-sea-500: #5b9196;
--color-misty-cold-sea-600: #4e7a7f;
--color-misty-cold-sea-700: #3e6266;
--color-misty-cold-sea-800: #2c484a;
--color-misty-cold-sea-900: #1e3233;
--color-misty-cold-sea-950: #0d1e1f;
}SCSS
$misty-cold-sea: #8dbec3;
$misty-cold-sea-rgb: 141, 190, 195;
$misty-cold-sea-light: mix(#fff, $misty-cold-sea, 20%);
$misty-cold-sea-dark: mix(#000, $misty-cold-sea, 20%);
.element {
color: $misty-cold-sea;
box-shadow: 0 0 0 2px rgba($misty-cold-sea, 0.35);
}