Adlandırılmış renk · #E3DAC6
Instant Classic
Instant Classic, #E3DAC6: rgb(227 218 198), hsl(41 34% 83%), oklch(0.89 0.029 86.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Instant Classic color name →
#E3DAC6
oklch(0.89 0.029 86.6)
Renk dönüşümleri
- HEX
- #e3dac6
- RGB
- rgb(227 218 198)
- HSL
- hsl(41 34% 83%)
- HWB
- hwb(41 78% 11%)
- OKLCH
- oklch(0.89 0.029 86.6)
- OKLab
- oklab(0.89 0.002 0.029)
- CIE Lab
- lab(87.38 0.72 11.04)
- LCH
- lch(87.38 11.07 86.3)
- CMYK
- cmyk(0% 4% 13% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6DECC
- E9E1D1
- EBE5D7
- EEE9DD
- F1ECE2
- F4F0E8
- F7F4EE
- F9F8F3
- FCFBF9
Koyu tonlar
- C5BDAC
- A8A292
- 8C877A
- 716C62
- 57544B
- 3F3C35
- 272521
- 12110E
- 030202
Gri tonlar
- D9D1BF
- CEC7B8
- C4BEB1
- BAB5A9
- B0ACA2
- A6A39B
- 9D9A95
- 93918E
- 898987
Renk uyumları
Tamamlayıcı +180°
- E3DAC6
Instant Classic
- D2DBEE
≈ Hawkes Blue
Analog -30° +30°
- E3DAC6
Instant Classic
- EAD7C9
≈ Antique Pearl
- D9DEC9
≈ Grassy Glade
Üçlü +120° +240°
- E3DAC6
Instant Classic
- C6E1E4
≈ Wishy-Washy Blue
- E5D5E5
≈ Joyful Lilac
Bölünmüş tamamlayıcı +150° +210°
- E3DAC6
Instant Classic
- CADEEC
≈ CO₂
- DCD7EC
≈ Light Lavender Water
Dörtlü +90° +180° +270°
- E3DAC6
Instant Classic
- C8E1DA
≈ Rio Sky
- D2DBEE
≈ Hawkes Blue
- ECD3DB
≈ Lighthearted Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.11:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--instant-classic: #e3dac6;
--instant-classic-rgb: 227 218 198;
--instant-classic-oklch: oklch(0.89 0.029 86.6);
}
.element {
color: var(--instant-classic);
background-color: hsl(41 34% 83%);
border-color: oklch(0.89 0.029 86.6);
}Tailwind CSS v4
@theme {
--color-instant-classic: #e3dac6;
--color-instant-classic-50: #f8f5ec;
--color-instant-classic-100: #ece8dd;
--color-instant-classic-200: #d9d4c7;
--color-instant-classic-300: #bdb7a7;
--color-instant-classic-400: #a69e8c;
--color-instant-classic-500: #8e8571;
--color-instant-classic-600: #787160;
--color-instant-classic-700: #605a4c;
--color-instant-classic-800: #474237;
--color-instant-classic-900: #312d26;
--color-instant-classic-950: #1d1a14;
}SCSS
$instant-classic: #e3dac6;
$instant-classic-rgb: 227, 218, 198;
$instant-classic-light: mix(#fff, $instant-classic, 20%);
$instant-classic-dark: mix(#000, $instant-classic, 20%);
.element {
color: $instant-classic;
box-shadow: 0 0 0 2px rgba($instant-classic, 0.35);
}