Adlandırılmış renk · #EBD1CF
Innocence
Innocence, #EBD1CF: rgb(235 209 207), hsl(4 41% 87%), oklch(0.882 0.029 23). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Innocence color name →
#EBD1CF
oklch(0.882 0.029 23)
Renk dönüşümleri
- HEX
- #ebd1cf
- RGB
- rgb(235 209 207)
- HSL
- hsl(4 41% 87%)
- HWB
- hwb(4 81% 8%)
- OKLCH
- oklch(0.882 0.029 23)
- OKLab
- oklab(0.882 0.027 0.011)
- CIE Lab
- lab(85.99 9.12 4.49)
- LCH
- lch(85.99 10.16 26.2)
- CMYK
- cmyk(0% 11% 12% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDD6D4
- EFDAD8
- F1DFDD
- F3E3E2
- F5E8E7
- F7ECEC
- F9F1F0
- FBF6F5
- FDFAFA
Koyu tonlar
- CCB5B4
- AE9B99
- 91817F
- 756867
- 5B504F
- 413938
- 292323
- 131010
- 030202
Gri tonlar
- E0C9C7
- D5C0BF
- CAB8B7
- BFB0AF
- B4A8A7
- AAA09F
- 9F9897
- 95908F
- 8A8888
Renk uyumları
Tamamlayıcı +180°
- EBD1CF
Innocence
- C3DEE1
≈ Trevi Fountain
Analog -30° +30°
- EBD1CF
Innocence
- E9D1DA
≈ Orchid Rose
- E8D3C7
≈ Ash Plum
Üçlü +120° +240°
- EBD1CF
Innocence
- CDDDCC
≈ Flip a Coin
- CED8EC
≈ Lilac Cotton Candy
Bölünmüş tamamlayıcı +150° +210°
- EBD1CF
Innocence
- C5DFD6
≈ Ulthuan Grey
- C6DCE9
≈ King of Waves
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.55:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--innocence: #ebd1cf;
--innocence-rgb: 235 209 207;
--innocence-oklch: oklch(0.882 0.029 23);
}
.element {
color: var(--innocence);
background-color: hsl(4 41% 87%);
border-color: oklch(0.882 0.029 23);
}Tailwind CSS v4
@theme {
--color-innocence: #ebd1cf;
--color-innocence-50: #fef2f1;
--color-innocence-100: #f2e4e3;
--color-innocence-200: #e1d0ce;
--color-innocence-300: #c6b2b0;
--color-innocence-400: #af9896;
--color-innocence-500: #997f7d;
--color-innocence-600: #816c6a;
--color-innocence-700: #685655;
--color-innocence-800: #4c3f3e;
--color-innocence-900: #352b2b;
--color-innocence-950: #201818;
}SCSS
$innocence: #ebd1cf;
$innocence-rgb: 235, 209, 207;
$innocence-light: mix(#fff, $innocence, 20%);
$innocence-dark: mix(#000, $innocence, 20%);
.element {
color: $innocence;
box-shadow: 0 0 0 2px rgba($innocence, 0.35);
}