Najbliższy nazwany kolor · #E8BC9E
#E8BC9E
Najbliższy nazwany kolor: Fabulous Fawn
#E8BC9E (rgb(232 188 158), hsl(24 62% 76%), oklch(0.827 0.065 55.9)) jest najbliższy nazwanemu kolorowi Fabulous Fawn. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E8BC9E
oklch(0.827 0.065 55.9)
Konwersje koloru
- HEX
- #e8bc9e
- RGB
- rgb(232 188 158)
- HSL
- hsl(24 62% 76%)
- HWB
- hwb(24 62% 9%)
- OKLCH
- oklch(0.827 0.065 55.9)
- OKLab
- oklab(0.827 0.036 0.054)
- CIE Lab
- lab(79.66 13.23 21.52)
- LCH
- lch(79.66 25.26 58.4)
- CMYK
- cmyk(0% 19% 32% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBC3A8
- EDC9B1
- EFD0BB
- F2D7C5
- F4DDCE
- F6E4D8
- F9EBE2
- FBF2EB
- FDF8F5
Odcienie ciemniejsze
- CAA389
- AC8B74
- 907360
- 745D4D
- 59473A
- 403229
- 291F18
- 130D09
- 030201
Tony
- DDB69B
- D3B098
- C8AA95
- BEA492
- B39E8F
- A9988C
- 9E9289
- 948C86
- 8A8683
Harmonie kolorów
Komplementarna +180°
- E8BC9E
Fabulous Fawn
- 9ECEEB
≈ Mediterranean Charm
Analogowa -30° +30°
- E8BC9E
Fabulous Fawn
- EEB7B0
≈ Mesa Rose
- D9C496
≈ Chamomile Tea
Triada +120° +240°
- E8BC9E
Fabulous Fawn
- 99D5C4
≈ Aqua Glow
- C9BEEC
≈ Connecticut Lilac
Komplementarna rozszczepiona +150° +210°
- E8BC9E
Fabulous Fawn
- 94D3DB
≈ Aqua Bloom
- B2C6F2
≈ Tropical Blue
Tetrada +90° +180° +270°
- E8BC9E
Fabulous Fawn
- ACD2AD
≈ Coral Springs
- 9ECEEB
≈ Mediterranean Charm
- DDB8DD
≈ French Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.11:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--fabulous-fawn: #e8bc9e;
--fabulous-fawn-rgb: 232 188 158;
--fabulous-fawn-oklch: oklch(0.827 0.065 55.9);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(24 62% 76%);
border-color: oklch(0.827 0.065 55.9);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #e8bc9e;
--color-fabulous-fawn-50: #fff1e3;
--color-fabulous-fawn-100: #f9e3d3;
--color-fabulous-fawn-200: #eaceba;
--color-fabulous-fawn-300: #d2b097;
--color-fabulous-fawn-400: #bd9579;
--color-fabulous-fawn-500: #a87b5c;
--color-fabulous-fawn-600: #8e684e;
--color-fabulous-fawn-700: #72533e;
--color-fabulous-fawn-800: #543c2d;
--color-fabulous-fawn-900: #3b291e;
--color-fabulous-fawn-950: #25170e;
}SCSS
$fabulous-fawn: #e8bc9e;
$fabulous-fawn-rgb: 232, 188, 158;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}