Adlandırılmış renk · #D6EAD8
Light Katsura
Light Katsura, #D6EAD8: rgb(214 234 216), hsl(126 32% 88%), oklch(0.917 0.032 148.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Katsura color name →
#D6EAD8
oklch(0.917 0.032 148.2)
Renk dönüşümleri
- HEX
- #d6ead8
- RGB
- rgb(214 234 216)
- HSL
- hsl(126 32% 88%)
- HWB
- hwb(126 84% 8%)
- OKLCH
- oklch(0.917 0.032 148.2)
- OKLab
- oklab(0.917 -0.027 0.017)
- CIE Lab
- lab(90.83 -9.32 6.4)
- LCH
- lch(90.83 11.31 145.5)
- CMYK
- cmyk(9% 0% 8% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAECDC
- DEEEE0
- E2F0E4
- E6F2E8
- EAF5EB
- EFF7EF
- F3F9F3
- F7FBF7
- FBFDFB
Koyu tonlar
- BACBBC
- 9EAEA0
- 849185
- 6A756B
- 525A53
- 3B413B
- 252925
- 101311
- 020302
Gri tonlar
- CDDFCF
- C4D4C6
- BBC9BD
- B3BEB4
- AAB4AB
- A2A9A2
- 999F9A
- 919491
- 888A88
Renk uyumları
Tamamlayıcı +180°
- D6EAD8
Light Katsura
- F0DDEF
≈ Divine Dove
Analog -30° +30°
- D6EAD8
Light Katsura
- E1E7CF
≈ White Radish
- CEEBE4
≈ Source Blue
Üçlü +120° +240°
- D6EAD8
Light Katsura
- DAE3FA
≈ Aquarelle Purple
- F9DCD8
≈ Pink Lotus
Bölünmüş tamamlayıcı +150° +210°
- D6EAD8
Light Katsura
- E6E0F7
≈ Lingering Lilac
- F7DBE3
≈ Tootie Fruity
Dörtlü +90° +180° +270°
- D6EAD8
Light Katsura
- D1E7F7
≈ New Heights
- F0DDEF
≈ Divine Dove
- F5DFCF
≈ Muffin Mix
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.61:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-katsura: #d6ead8;
--light-katsura-rgb: 214 234 216;
--light-katsura-oklch: oklch(0.917 0.032 148.2);
}
.element {
color: var(--light-katsura);
background-color: hsl(126 32% 88%);
border-color: oklch(0.917 0.032 148.2);
}Tailwind CSS v4
@theme {
--color-light-katsura: #d6ead8;
--color-light-katsura-50: #eff8f0;
--color-light-katsura-100: #e1ebe2;
--color-light-katsura-200: #cbd8cd;
--color-light-katsura-300: #acbcaf;
--color-light-katsura-400: #92a494;
--color-light-katsura-500: #788c7a;
--color-light-katsura-600: #667768;
--color-light-katsura-700: #515f53;
--color-light-katsura-800: #3b463c;
--color-light-katsura-900: #293029;
--color-light-katsura-950: #171c17;
}SCSS
$light-katsura: #d6ead8;
$light-katsura-rgb: 214, 234, 216;
$light-katsura-light: mix(#fff, $light-katsura, 20%);
$light-katsura-dark: mix(#000, $light-katsura, 20%);
.element {
color: $light-katsura;
box-shadow: 0 0 0 2px rgba($light-katsura, 0.35);
}