Nazwany kolor · #C49087
Evening Blush
Evening Blush to #C49087: rgb(196 144 135), hsl(9 34% 65%), oklch(0.701 0.065 29.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Evening Blush color name →
#C49087
oklch(0.701 0.065 29.9)
Konwersje koloru
- HEX
- #c49087
- RGB
- rgb(196 144 135)
- HSL
- hsl(9 34% 65%)
- HWB
- hwb(9 53% 23%)
- OKLCH
- oklch(0.701 0.065 29.9)
- OKLab
- oklab(0.701 0.056 0.032)
- CIE Lab
- lab(64.76 19.37 12.94)
- LCH
- lch(64.76 23.3 33.7)
- CMYK
- cmyk(0% 27% 31% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA9B92
- D0A69E
- D7B1AA
- DDBCB6
- E3C7C2
- E8D2CE
- EEDDDA
- F4E8E6
- F9F4F2
Odcienie ciemniejsze
- AA7D75
- 916A63
- 785751
- 614541
- 4A3431
- 352421
- 211513
- 0E0706
- 020101
Tony
- BD8F86
- B78D86
- B08C85
- A98A84
- A28884
- 9C8783
- 958582
- 8E8382
- 878281
Harmonie kolorów
Komplementarna +180°
- C49087
Evening Blush
- 6DAAB5
≈ Experience
Analogowa -30° +30°
- C49087
Evening Blush
- C18E9D
≈ Beetroot Rice
- BD9676
≈ Warm Hearth
Triada +120° +240°
- C49087
Evening Blush
- 82AB89
≈ Adventurine
- 8F9DC8
≈ Hair Ribbon
Komplementarna rozszczepiona +150° +210°
- C49087
Evening Blush
- 71ACA0
≈ Turquoise Fantasies
- 7AA5C3
≈ Serene Sea
Tetrada +90° +180° +270°
- C49087
Evening Blush
- 99A577
≈ Cucuzza Verde
- 6DAAB5
≈ Experience
- A596C2
≈ Bloomsberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.73:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.68:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.68:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--evening-blush: #c49087;
--evening-blush-rgb: 196 144 135;
--evening-blush-oklch: oklch(0.701 0.065 29.9);
}
.element {
color: var(--evening-blush);
background-color: hsl(9 34% 65%);
border-color: oklch(0.701 0.065 29.9);
}Tailwind CSS v4
@theme {
--color-evening-blush: #c49087;
--color-evening-blush-50: #ffefea;
--color-evening-blush-100: #fde1db;
--color-evening-blush-200: #efcbc3;
--color-evening-blush-300: #d7aca3;
--color-evening-blush-400: #c29088;
--color-evening-blush-500: #ad766d;
--color-evening-blush-600: #92645c;
--color-evening-blush-700: #75504a;
--color-evening-blush-800: #573a36;
--color-evening-blush-900: #3d2825;
--color-evening-blush-950: #261613;
}SCSS
$evening-blush: #c49087;
$evening-blush-rgb: 196, 144, 135;
$evening-blush-light: mix(#fff, $evening-blush, 20%);
$evening-blush-dark: mix(#000, $evening-blush, 20%);
.element {
color: $evening-blush;
box-shadow: 0 0 0 2px rgba($evening-blush, 0.35);
}