Adlandırılmış renk · #CDE6E8
Ventilated
Ventilated, #CDE6E8: rgb(205 230 232), hsl(184 37% 86%), oklch(0.907 0.027 202.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Ventilated color name →
#CDE6E8
oklch(0.907 0.027 202.5)
Renk dönüşümleri
- HEX
- #cde6e8
- RGB
- rgb(205 230 232)
- HSL
- hsl(184 37% 86%)
- HWB
- hwb(184 80% 9%)
- OKLCH
- oklch(0.907 0.027 202.5)
- OKLab
- oklab(0.907 -0.025 -0.01)
- CIE Lab
- lab(89.49 -8.24 -3.93)
- LCH
- lch(89.49 9.13 205.5)
- CMYK
- cmyk(12% 1% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2E8EA
- D7EBED
- DCEDEF
- E1F0F1
- E6F2F3
- EBF5F6
- F0F7F8
- F5FAFA
- FAFCFD
Koyu tonlar
- B2C8CA
- 98ABAC
- 7E8E90
- 667374
- 4E5959
- 384040
- 232829
- 0F1313
- 020303
Gri tonlar
- C5DBDD
- BDD1D2
- B5C6C8
- AEBCBD
- A6B2B3
- 9EA8A8
- 979D9E
- 8F9494
- 878A8A
Renk uyumları
Tamamlayıcı +180°
- CDE6E8
Ventilated
- F2DAD8
≈ Light Apricot
Analog -30° +30°
- CDE6E8
Ventilated
- D0E6DE
≈ Ice Dagger
- D0E4EF
≈ First Frost
Üçlü +120° +240°
- CDE6E8
Ventilated
- E9DBEB
≈ Princess Fairy Tale
- E9DFCD
≈ Dry Bone
Bölünmüş tamamlayıcı +150° +210°
- CDE6E8
Ventilated
- F0DAE2
≈ Pink Posies
- F0DCD1
≈ Palatial
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.07:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--ventilated: #cde6e8;
--ventilated-rgb: 205 230 232;
--ventilated-oklch: oklch(0.907 0.027 202.5);
}
.element {
color: var(--ventilated);
background-color: hsl(184 37% 86%);
border-color: oklch(0.907 0.027 202.5);
}Tailwind CSS v4
@theme {
--color-ventilated: #cde6e8;
--color-ventilated-50: #edf7f9;
--color-ventilated-100: #deebec;
--color-ventilated-200: #c8d8d9;
--color-ventilated-300: #a8bcbe;
--color-ventilated-400: #8da3a5;
--color-ventilated-500: #728c8e;
--color-ventilated-600: #617678;
--color-ventilated-700: #4d5f60;
--color-ventilated-800: #384546;
--color-ventilated-900: #263030;
--color-ventilated-950: #151c1d;
}SCSS
$ventilated: #cde6e8;
$ventilated-rgb: 205, 230, 232;
$ventilated-light: mix(#fff, $ventilated, 20%);
$ventilated-dark: mix(#000, $ventilated, 20%);
.element {
color: $ventilated;
box-shadow: 0 0 0 2px rgba($ventilated, 0.35);
}