Nazwany kolor · #EBE1A9
Steam Chestnut
Steam Chestnut to #EBE1A9: rgb(235 225 169), hsl(51 62% 79%), oklch(0.904 0.073 99.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Steam Chestnut color name →
#EBE1A9
oklch(0.904 0.073 99.2)
Konwersje koloru
- HEX
- #ebe1a9
- RGB
- rgb(235 225 169)
- HSL
- hsl(51 62% 79%)
- HWB
- hwb(51 66% 8%)
- OKLCH
- oklch(0.904 0.073 99.2)
- OKLab
- oklab(0.904 -0.012 0.072)
- CIE Lab
- lab(89.33 -2.72 28.8)
- LCH
- lch(89.33 28.93 95.4)
- CMYK
- cmyk(0% 4% 28% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE4B2
- EFE7BB
- F1EAC3
- F3EDCC
- F5F0D5
- F7F3DD
- F9F6E6
- FBF9EE
- FDFCF7
Odcienie ciemniejsze
- CCC492
- AEA77C
- 918B67
- 757053
- 5B563F
- 413E2C
- 29271B
- 13120A
- 030201
Tony
- E0D7A5
- D5CDA1
- CAC39D
- BFB999
- B4AF95
- A9A691
- 9F9C8D
- 949389
- 8A8984
Harmonie kolorów
Komplementarna +180°
- EBE1A9
Steam Chestnut
- D8DDFF
≈ Transparent Blue
Analogowa -30° +30°
- EBE1A9
Steam Chestnut
- FFD8AD
≈ Acini di Pepe
- D0EAB6
≈ Frozen Forest
Triada +120° +240°
- EBE1A9
Steam Chestnut
- ACEBFF
≈ Beyond the Clouds
- FFCFEE
≈ Shampoo
Komplementarna rozszczepiona +150° +210°
- EBE1A9
Steam Chestnut
- C7E3FF
≈ Fresh Water
- EBD5FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- EBE1A9
Steam Chestnut
- A6F0E9
≈ East Cape
- D8DDFF
≈ Transparent Blue
- FFD2D8
≈ Pink Fluorite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.87:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--steam-chestnut: #ebe1a9;
--steam-chestnut-rgb: 235 225 169;
--steam-chestnut-oklch: oklch(0.904 0.073 99.2);
}
.element {
color: var(--steam-chestnut);
background-color: hsl(51 62% 79%);
border-color: oklch(0.904 0.073 99.2);
}Tailwind CSS v4
@theme {
--color-steam-chestnut: #ebe1a9;
--color-steam-chestnut-50: #f9f6df;
--color-steam-chestnut-100: #ede9ce;
--color-steam-chestnut-200: #dad6b2;
--color-steam-chestnut-300: #bfb98e;
--color-steam-chestnut-400: #a9a06d;
--color-steam-chestnut-500: #92874c;
--color-steam-chestnut-600: #7b7241;
--color-steam-chestnut-700: #635c34;
--color-steam-chestnut-800: #494324;
--color-steam-chestnut-900: #332e18;
--color-steam-chestnut-950: #1f1b09;
}SCSS
$steam-chestnut: #ebe1a9;
$steam-chestnut-rgb: 235, 225, 169;
$steam-chestnut-light: mix(#fff, $steam-chestnut, 20%);
$steam-chestnut-dark: mix(#000, $steam-chestnut, 20%);
.element {
color: $steam-chestnut;
box-shadow: 0 0 0 2px rgba($steam-chestnut, 0.35);
}