Adlandırılmış renk · #E8A784
Ceramic Glaze
Ceramic Glaze, #E8A784: rgb(232 167 132), hsl(21 68% 71%), oklch(0.782 0.091 49.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Ceramic Glaze color name →
#E8A784
oklch(0.782 0.091 49.3)
Renk dönüşümleri
- HEX
- #e8a784
- RGB
- rgb(232 167 132)
- HSL
- hsl(21 68% 71%)
- HWB
- hwb(21 52% 9%)
- OKLCH
- oklch(0.782 0.091 49.3)
- OKLab
- oklab(0.782 0.059 0.069)
- CIE Lab
- lab(74.23 21.62 28.11)
- LCH
- lch(74.23 35.47 52.4)
- CMYK
- cmyk(0% 28% 43% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBB090
- EEB99D
- F0C1A9
- F3CAB5
- F5D3C1
- F7DCCD
- F9E5DA
- FBEDE6
- FDF6F3
Koyu tonlar
- CA9172
- AC7B60
- 90664F
- 74523F
- 593E2F
- 402C20
- 291A12
- 130A06
- 030101
Gri tonlar
- DDA384
- D39F84
- C99C84
- BE9884
- B49483
- A99083
- 9F8C82
- 958882
- 8A8481
Renk uyumları
Tamamlayıcı +180°
- E8A784
Ceramic Glaze
- 77C3E7
≈ Spritzig
Analog -30° +30°
- E8A784
Ceramic Glaze
- EDA1A1
≈ Cosy Summer Sunset
- D7B274
≈ Egyptian Temple
Üçlü +120° +240°
- E8A784
Ceramic Glaze
- 7ACBAE
≈ Puppeteers
- B6AFEF
≈ Purple Sand
Bölünmüş tamamlayıcı +150° +210°
- E8A784
Ceramic Glaze
- 6ACACE
≈ Tropical Splash
- 95BAF2
≈ Electric Eel
Dörtlü +90° +180° +270°
- E8A784
Ceramic Glaze
- 9AC78F
≈ Kettle Drum
- 77C3E7
≈ Spritzig
- D2A6DD
≈ Tropical Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.29:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--ceramic-glaze: #e8a784;
--ceramic-glaze-rgb: 232 167 132;
--ceramic-glaze-oklch: oklch(0.782 0.091 49.3);
}
.element {
color: var(--ceramic-glaze);
background-color: hsl(21 68% 71%);
border-color: oklch(0.782 0.091 49.3);
}Tailwind CSS v4
@theme {
--color-ceramic-glaze: #e8a784;
--color-ceramic-glaze-50: #ffefde;
--color-ceramic-glaze-100: #ffe0cd;
--color-ceramic-glaze-200: #f5cab2;
--color-ceramic-glaze-300: #deab8d;
--color-ceramic-glaze-400: #cb8f6e;
--color-ceramic-glaze-500: #b6734e;
--color-ceramic-glaze-600: #9a6243;
--color-ceramic-glaze-700: #7c4e35;
--color-ceramic-glaze-800: #5c3826;
--color-ceramic-glaze-900: #402619;
--color-ceramic-glaze-950: #29150a;
}SCSS
$ceramic-glaze: #e8a784;
$ceramic-glaze-rgb: 232, 167, 132;
$ceramic-glaze-light: mix(#fff, $ceramic-glaze, 20%);
$ceramic-glaze-dark: mix(#000, $ceramic-glaze, 20%);
.element {
color: $ceramic-glaze;
box-shadow: 0 0 0 2px rgba($ceramic-glaze, 0.35);
}