Adlandırılmış renk · #E8C7BF
Iced Cherry
Iced Cherry, #E8C7BF: rgb(232 199 191), hsl(12 47% 83%), oklch(0.856 0.039 33.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Iced Cherry color name →
#E8C7BF
oklch(0.856 0.039 33.9)
Renk dönüşümleri
- HEX
- #e8c7bf
- RGB
- rgb(232 199 191)
- HSL
- hsl(12 47% 83%)
- HWB
- hwb(12 75% 9%)
- OKLCH
- oklch(0.856 0.039 33.9)
- OKLab
- oklab(0.856 0.033 0.022)
- CIE Lab
- lab(82.94 11.11 8.56)
- LCH
- lch(82.94 14.03 37.6)
- CMYK
- cmyk(0% 14% 18% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EACDC5
- EDD2CC
- EFD8D2
- F2DDD8
- F4E3DF
- F6E8E5
- F8EEEC
- FBF4F2
- FDF9F8
Koyu tonlar
- CAADA6
- AC938D
- 907A75
- 74625E
- 594C48
- 403633
- 29211F
- 130E0D
- 030202
Gri tonlar
- DDC0B9
- D3B8B2
- C8B1AC
- BDAAA5
- B3A39F
- A99C99
- 9E9592
- 948E8C
- 8A8786
Renk uyumları
Tamamlayıcı +180°
- E8C7BF
Iced Cherry
- B3D7DF
≈ Tear
Analog -30° +30°
- E8C7BF
Iced Cherry
- E7C5CC
≈ Light Blush
- E3CBB6
≈ Geyser Basin
Üçlü +120° +240°
- E8C7BF
Iced Cherry
- BDD8C4
≈ Cool Spring
- C7CEEA
≈ Purple Pj’s
Bölünmüş tamamlayıcı +150° +210°
- E8C7BF
Iced Cherry
- B4D8D2
≈ Wave Top
- BBD3E8
≈ Light Sea Cliff
Dörtlü +90° +180° +270°
- E8C7BF
Iced Cherry
- CAD4B9
≈ Willow Tree Mouse
- B3D7DF
≈ Tear
- D5CAE5
≈ Purity
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.35:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--iced-cherry: #e8c7bf;
--iced-cherry-rgb: 232 199 191;
--iced-cherry-oklch: oklch(0.856 0.039 33.9);
}
.element {
color: var(--iced-cherry);
background-color: hsl(12 47% 83%);
border-color: oklch(0.856 0.039 33.9);
}Tailwind CSS v4
@theme {
--color-iced-cherry: #e8c7bf;
--color-iced-cherry-50: #fff2ee;
--color-iced-cherry-100: #f5e4df;
--color-iced-cherry-200: #e4cfc9;
--color-iced-cherry-300: #cab1aa;
--color-iced-cherry-400: #b4978f;
--color-iced-cherry-500: #9e7d75;
--color-iced-cherry-600: #866a63;
--color-iced-cherry-700: #6b554f;
--color-iced-cherry-800: #4f3e3a;
--color-iced-cherry-900: #372a28;
--color-iced-cherry-950: #221816;
}SCSS
$iced-cherry: #e8c7bf;
$iced-cherry-rgb: 232, 199, 191;
$iced-cherry-light: mix(#fff, $iced-cherry, 20%);
$iced-cherry-dark: mix(#000, $iced-cherry, 20%);
.element {
color: $iced-cherry;
box-shadow: 0 0 0 2px rgba($iced-cherry, 0.35);
}