Nazwany kolor · #E4B46E
Gilded Age
Gilded Age to #E4B46E: rgb(228 180 110), hsl(36 69% 66%), oklch(0.798 0.104 75.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gilded Age color name →
#E4B46E
oklch(0.798 0.104 75.8)
Konwersje koloru
- HEX
- #e4b46e
- RGB
- rgb(228 180 110)
- HSL
- hsl(36 69% 66%)
- HWB
- hwb(36 43% 11%)
- OKLCH
- oklch(0.798 0.104 75.8)
- OKLab
- oklab(0.798 0.026 0.101)
- CIE Lab
- lab(76.63 11.93 42.41)
- LCH
- lch(76.63 44.06 74.3)
- CMYK
- cmyk(0% 21% 52% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7BC7E
- EAC38D
- EDCB9B
- EFD2AA
- F2DAB8
- F5E1C6
- F8E9D5
- FAF0E3
- FDF8F1
Odcienie ciemniejsze
- C69C5F
- A98550
- 8D6E41
- 725833
- 584426
- 3F3019
- 281D0E
- 120C04
- 030201
Tony
- DAAF71
- D0AA74
- C5A576
- BB9F78
- B19A7A
- A7957C
- 9D907D
- 948B7E
- 8A857F
Harmonie kolorów
Komplementarna +180°
- E4B46E
Gilded Age
- 91C0FF
≈ Truesky Gloxym
Analogowa -30° +30°
- E4B46E
Gilded Age
- F5A884
≈ Sunset Peach
- C6C270
≈ Mélange Green
Triada +120° +240°
- E4B46E
Gilded Age
- 5FD2D3
≈ Blue Radiance
- D7A9EB
≈ Petal Plush
Komplementarna rozszczepiona +150° +210°
- E4B46E
Gilded Age
- 6CCBF0
≈ Spritzig
- B7B4FE
≈ Greyish Lavender
Tetrada +90° +180° +270°
- E4B46E
Gilded Age
- 77D3AE
≈ Sea Treasure
- 91C0FF
≈ Truesky Gloxym
- EEA2CC
≈ Violet Kiss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.05:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--gilded-age: #e4b46e;
--gilded-age-rgb: 228 180 110;
--gilded-age-oklch: oklch(0.798 0.104 75.8);
}
.element {
color: var(--gilded-age);
background-color: hsl(36 69% 66%);
border-color: oklch(0.798 0.104 75.8);
}Tailwind CSS v4
@theme {
--color-gilded-age: #e4b46e;
--color-gilded-age-50: #fff2d5;
--color-gilded-age-100: #fce4c2;
--color-gilded-age-200: #edcfa2;
--color-gilded-age-300: #d5b17a;
--color-gilded-age-400: #c29654;
--color-gilded-age-500: #ad7b28;
--color-gilded-age-600: #936924;
--color-gilded-age-700: #76541d;
--color-gilded-age-800: #583c13;
--color-gilded-age-900: #3d290c;
--color-gilded-age-950: #271701;
}SCSS
$gilded-age: #e4b46e;
$gilded-age-rgb: 228, 180, 110;
$gilded-age-light: mix(#fff, $gilded-age, 20%);
$gilded-age-dark: mix(#000, $gilded-age, 20%);
.element {
color: $gilded-age;
box-shadow: 0 0 0 2px rgba($gilded-age, 0.35);
}