Nazwany kolor · #E3DAC9
Skull
Skull to #E3DAC9: rgb(227 218 201), hsl(39 32% 84%), oklch(0.891 0.025 83.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Skull color name →
#E3DAC9
oklch(0.891 0.025 83.4)
Konwersje koloru
- HEX
- #e3dac9
- RGB
- rgb(227 218 201)
- HSL
- hsl(39 32% 84%)
- HWB
- hwb(39 79% 11%)
- OKLCH
- oklch(0.891 0.025 83.4)
- OKLab
- oklab(0.891 0.003 0.025)
- CIE Lab
- lab(87.43 1.07 9.56)
- LCH
- lch(87.43 9.62 83.6)
- CMYK
- cmyk(0% 4% 11% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6DECE
- E9E1D4
- EBE5D9
- EEE9DE
- F1ECE4
- F4F0E9
- F7F4EF
- F9F8F4
- FCFBFA
Odcienie ciemniejsze
- C5BDAE
- A8A295
- 8C877C
- 716C64
- 57544C
- 3F3C36
- 272522
- 12110F
- 030202
Tony
- D9D1C1
- CEC7BA
- C4BEB3
- BAB5AB
- B0ACA4
- A6A39D
- 9D9A95
- 93918E
- 898987
Harmonie kolorów
Komplementarna +180°
- E3DAC9
Skull
- D3DBEC
≈ Snowy Shadow
Analogowa -30° +30°
- E3DAC9
Skull
- E9D7CC
≈ Antique Pearl
- DBDDCB
≈ Desert Springs
Triada +120° +240°
- E3DAC9
Skull
- C9E0E2
≈ Wishy-Washy Blue
- E4D6E5
≈ Snuff
Komplementarna rozszczepiona +150° +210°
- E3DAC9
Skull
- CCDEE9
≈ Caribbean Mist
- DBD8EA
≈ Eyeshadow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.13:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--skull: #e3dac9;
--skull-rgb: 227 218 201;
--skull-oklch: oklch(0.891 0.025 83.4);
}
.element {
color: var(--skull);
background-color: hsl(39 32% 84%);
border-color: oklch(0.891 0.025 83.4);
}Tailwind CSS v4
@theme {
--color-skull: #e3dac9;
--color-skull-50: #f8f5ed;
--color-skull-100: #ece7df;
--color-skull-200: #d9d4c9;
--color-skull-300: #bdb7a9;
--color-skull-400: #a69d8e;
--color-skull-500: #8e8574;
--color-skull-600: #787162;
--color-skull-700: #605a4e;
--color-skull-800: #474239;
--color-skull-900: #312d27;
--color-skull-950: #1d1a15;
}SCSS
$skull: #e3dac9;
$skull-rgb: 227, 218, 201;
$skull-light: mix(#fff, $skull, 20%);
$skull-dark: mix(#000, $skull, 20%);
.element {
color: $skull;
box-shadow: 0 0 0 2px rgba($skull, 0.35);
}