Adlandırılmış renk · #E3D0BF
Ice Cream Cone
Ice Cream Cone, #E3D0BF: rgb(227 208 191), hsl(28 39% 82%), oklch(0.869 0.031 64.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? → · Ice Cream Cone color name →
#E3D0BF
oklch(0.869 0.031 64.2)
Renk dönüşümleri
- HEX
- #e3d0bf
- RGB
- rgb(227 208 191)
- HSL
- hsl(28 39% 82%)
- HWB
- hwb(28 75% 11%)
- OKLCH
- oklch(0.869 0.031 64.2)
- OKLab
- oklab(0.869 0.014 0.028)
- CIE Lab
- lab(84.72 4.79 10.99)
- LCH
- lch(84.72 11.99 66.4)
- CMYK
- cmyk(0% 8% 16% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6D5C5
- E9D9CC
- EBDED2
- EEE3D8
- F1E7DF
- F4ECE5
- F7F1EC
- F9F6F2
- FCFAF9
Koyu tonlar
- C5B5A6
- A89A8D
- 8C8075
- 71675E
- 574F48
- 3F3933
- 27231F
- 12100D
- 030202
Gri tonlar
- D9C8B9
- CEBFB2
- C4B7AC
- BAAFA5
- B0A79F
- A69F99
- 9D9793
- 938F8C
- 898886
Renk uyumları
Tamamlayıcı +180°
- E3D0BF
Ice Cream Cone
- C3D7E7
≈ Touch of Blue
Analog -30° +30°
- E3D0BF
Ice Cream Cone
- E8CDC6
≈ Mosaic Pink
- DAD4BD
≈ Pearly Putty
Üçlü +120° +240°
- E3D0BF
Ice Cream Cone
- BEDBD6
≈ Meander Blue
- D8CFE5
≈ Mountain’s Majesty
Bölünmüş tamamlayıcı +150° +210°
- E3D0BF
Ice Cream Cone
- BEDAE1
≈ Quick-Freeze
- CDD3E9
≈ Garden Fairy
Dörtlü +90° +180° +270°
- E3D0BF
Ice Cream Cone
- C5DACB
≈ Micaceous Green
- C3D7E7
≈ Touch of Blue
- E1CDDC
≈ Cassia Buds
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.04:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--ice-cream-cone: #e3d0bf;
--ice-cream-cone-rgb: 227 208 191;
--ice-cream-cone-oklch: oklch(0.869 0.031 64.2);
}
.element {
color: var(--ice-cream-cone);
background-color: hsl(28 39% 82%);
border-color: oklch(0.869 0.031 64.2);
}Tailwind CSS v4
@theme {
--color-ice-cream-cone: #e3d0bf;
--color-ice-cream-cone-50: #fcf4ec;
--color-ice-cream-cone-100: #efe6dd;
--color-ice-cream-cone-200: #ded2c7;
--color-ice-cream-cone-300: #c3b5a7;
--color-ice-cream-cone-400: #ac9b8c;
--color-ice-cream-cone-500: #958271;
--color-ice-cream-cone-600: #7e6e60;
--color-ice-cream-cone-700: #65584c;
--color-ice-cream-cone-800: #4b4037;
--color-ice-cream-cone-900: #342c26;
--color-ice-cream-cone-950: #1f1914;
}SCSS
$ice-cream-cone: #e3d0bf;
$ice-cream-cone-rgb: 227, 208, 191;
$ice-cream-cone-light: mix(#fff, $ice-cream-cone, 20%);
$ice-cream-cone-dark: mix(#000, $ice-cream-cone, 20%);
.element {
color: $ice-cream-cone;
box-shadow: 0 0 0 2px rgba($ice-cream-cone, 0.35);
}