Nazwany kolor · #E1D4B6
Hephaestus
Hephaestus to #E1D4B6: rgb(225 212 182), hsl(42 42% 80%), oklch(0.873 0.043 87.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Hephaestus color name →
#E1D4B6
oklch(0.873 0.043 87.4)
Konwersje koloru
- HEX
- #e1d4b6
- RGB
- rgb(225 212 182)
- HSL
- hsl(42 42% 80%)
- HWB
- hwb(42 71% 12%)
- OKLCH
- oklch(0.873 0.043 87.4)
- OKLab
- oklab(0.873 0.002 0.042)
- CIE Lab
- lab(85.4 1.09 16.61)
- LCH
- lch(85.4 16.64 86.3)
- CMYK
- cmyk(0% 6% 19% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4D8BD
- E7DDC5
- EAE1CC
- EDE5D3
- F0E9DA
- F3EEE2
- F6F2E9
- F9F6F0
- FCFBF8
Odcienie ciemniejsze
- C4B89E
- A79D86
- 8B836F
- 706959
- 565144
- 3E3A30
- 27241D
- 12100C
- 020202
Tony
- D7CBB1
- CDC3AB
- C3BAA6
- B9B2A0
- AFA99B
- A6A195
- 9C9890
- 93908B
- 898885
Harmonie kolorów
Komplementarna +180°
- E1D4B6
Hephaestus
- C9D5F2
≈ Garden Fairy
Analogowa -30° +30°
- E1D4B6
Hephaestus
- ECCFBA
≈ Aristocrat Peach
- D2D9BA
≈ Pine Mist
Triada +120° +240°
- E1D4B6
Hephaestus
- B6DEE3
≈ Basin Blue
- E5CCE4
≈ Footie Pyjamas
Komplementarna rozszczepiona +150° +210°
- E1D4B6
Hephaestus
- BCDAEE
≈ Diamond Soft Blue
- D8D0EE
≈ Plum’s the Word
Tetrada +90° +180° +270°
- E1D4B6
Hephaestus
- B8DFD5
≈ Short Phase
- C9D5F2
≈ Garden Fairy
- EECAD5
≈ Panache Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.29:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--hephaestus: #e1d4b6;
--hephaestus-rgb: 225 212 182;
--hephaestus-oklch: oklch(0.873 0.043 87.4);
}
.element {
color: var(--hephaestus);
background-color: hsl(42 42% 80%);
border-color: oklch(0.873 0.043 87.4);
}Tailwind CSS v4
@theme {
--color-hephaestus: #e1d4b6;
--color-hephaestus-50: #faf5e8;
--color-hephaestus-100: #ede8d8;
--color-hephaestus-200: #dbd4c0;
--color-hephaestus-300: #c0b79f;
--color-hephaestus-400: #a99d82;
--color-hephaestus-500: #928566;
--color-hephaestus-600: #7c7057;
--color-hephaestus-700: #635a45;
--color-hephaestus-800: #494132;
--color-hephaestus-900: #332d22;
--color-hephaestus-950: #1e1a11;
}SCSS
$hephaestus: #e1d4b6;
$hephaestus-rgb: 225, 212, 182;
$hephaestus-light: mix(#fff, $hephaestus, 20%);
$hephaestus-dark: mix(#000, $hephaestus, 20%);
.element {
color: $hephaestus;
box-shadow: 0 0 0 2px rgba($hephaestus, 0.35);
}