Nazwany kolor · #E8B793
Gentle Doe
Gentle Doe to #E8B793: rgb(232 183 147), hsl(25 65% 74%), oklch(0.815 0.075 57.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gentle Doe color name →
#E8B793
oklch(0.815 0.075 57.8)
Konwersje koloru
- HEX
- #e8b793
- RGB
- rgb(232 183 147)
- HSL
- hsl(25 65% 74%)
- HWB
- hwb(25 58% 9%)
- OKLCH
- oklch(0.815 0.075 57.8)
- OKLab
- oklab(0.815 0.04 0.063)
- CIE Lab
- lab(78.27 14.76 25.47)
- LCH
- lch(78.27 29.44 59.9)
- CMYK
- cmyk(0% 21% 37% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBBE9E
- EDC5A9
- F0CDB3
- F2D4BE
- F4DBC9
- F7E2D4
- F9E9DE
- FBF1E9
- FDF8F4
Odcienie ciemniejsze
- CA9F7F
- AC876C
- 907059
- 745A47
- 594536
- 403125
- 291E16
- 130C08
- 030201
Tony
- DDB191
- D3AC90
- C8A68E
- BEA18C
- B39B8A
- A99688
- 9F9086
- 948B84
- 8A8582
Harmonie kolorów
Komplementarna +180°
- E8B793
Gentle Doe
- 95CAED
≈ Honolulu
Analogowa -30° +30°
- E8B793
Gentle Doe
- EFB1A8
≈ Lusty Salmon
- D7C08B
≈ Honey Tea
Triada +120° +240°
- E8B793
Gentle Doe
- 8DD3C2
≈ Light Capri Green
- C8B9ED
≈ Connecticut Lilac
Komplementarna rozszczepiona +150° +210°
- E8B793
Gentle Doe
- 87D0DB
≈ Bluish Water
- ADC1F4
≈ Sky High
Tetrada +90° +180° +270°
- E8B793
Gentle Doe
- A2D0A7
≈ Fescue
- 95CAED
≈ Honolulu
- DDB2DB
≈ Blushing Sky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.62:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-doe: #e8b793;
--gentle-doe-rgb: 232 183 147;
--gentle-doe-oklch: oklch(0.815 0.075 57.8);
}
.element {
color: var(--gentle-doe);
background-color: hsl(25 65% 74%);
border-color: oklch(0.815 0.075 57.8);
}Tailwind CSS v4
@theme {
--color-gentle-doe: #e8b793;
--color-gentle-doe-50: #fff1e0;
--color-gentle-doe-100: #fbe3d0;
--color-gentle-doe-200: #edcdb5;
--color-gentle-doe-300: #d5af91;
--color-gentle-doe-400: #c19473;
--color-gentle-doe-500: #ac7a53;
--color-gentle-doe-600: #916747;
--color-gentle-doe-700: #745239;
--color-gentle-doe-800: #563c29;
--color-gentle-doe-900: #3c291b;
--color-gentle-doe-950: #26170c;
}SCSS
$gentle-doe: #e8b793;
$gentle-doe-rgb: 232, 183, 147;
$gentle-doe-light: mix(#fff, $gentle-doe, 20%);
$gentle-doe-dark: mix(#000, $gentle-doe, 20%);
.element {
color: $gentle-doe;
box-shadow: 0 0 0 2px rgba($gentle-doe, 0.35);
}