Nazwany kolor · #E5A192
Rose Dusk
Rose Dusk to #E5A192: rgb(229 161 146), hsl(11 61% 74%), oklch(0.771 0.084 32.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rose Dusk color name →
#E5A192
oklch(0.771 0.084 32.9)
Konwersje koloru
- HEX
- #e5a192
- RGB
- rgb(229 161 146)
- HSL
- hsl(11 61% 74%)
- HWB
- hwb(11 57% 10%)
- OKLCH
- oklch(0.771 0.084 32.9)
- OKLab
- oklab(0.771 0.071 0.046)
- CIE Lab
- lab(72.71 24.62 18.48)
- LCH
- lch(72.71 30.78 36.9)
- CMYK
- cmyk(0% 30% 36% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8AA9D
- EBB4A7
- EEBDB2
- F1C6BD
- F4D0C8
- F6D9D3
- F9E3DE
- FBECE9
- FDF6F4
Odcienie ciemniejsze
- C78B7E
- AA766B
- 8E6258
- 724E46
- 583C35
- 3F2A25
- 281916
- 120908
- 030101
Tony
- DB9E90
- D19B8F
- C7978D
- BD948B
- B29189
- A88E88
- 9E8A86
- 948784
- 8A8382
Harmonie kolorów
Komplementarna +180°
- E5A192
Rose Dusk
- 70C3D4
≈ Thredbo
Analogowa -30° +30°
- E5A192
Rose Dusk
- E39EAF
≈ Vintage Victorian
- DBA97C
≈ Eastern Spice
Triada +120° +240°
- E5A192
Rose Dusk
- 8BC59B
≈ Delltone
- A2B1EB
≈ Wondrous Wisteria
Komplementarna rozszczepiona +150° +210°
- E5A192
Rose Dusk
- 73C6B9
≈ Shockwave
- 84BBE6
≈ C’est la Vie
Tetrada +90° +180° +270°
- E5A192
Rose Dusk
- AABE81
≈ Margarita
- 70C3D4
≈ Thredbo
- BFA8E1
≈ Perfume
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.84:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.84:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-dusk: #e5a192;
--rose-dusk-rgb: 229 161 146;
--rose-dusk-oklch: oklch(0.771 0.084 32.9);
}
.element {
color: var(--rose-dusk);
background-color: hsl(11 61% 74%);
border-color: oklch(0.771 0.084 32.9);
}Tailwind CSS v4
@theme {
--color-rose-dusk: #e5a192;
--color-rose-dusk-50: #ffede5;
--color-rose-dusk-100: #ffdfd5;
--color-rose-dusk-200: #f6c8bc;
--color-rose-dusk-300: #dfa99b;
--color-rose-dusk-400: #cb8c7e;
--color-rose-dusk-500: #b77162;
--color-rose-dusk-600: #9b6053;
--color-rose-dusk-700: #7c4c42;
--color-rose-dusk-800: #5c3730;
--color-rose-dusk-900: #412621;
--color-rose-dusk-950: #291410;
}SCSS
$rose-dusk: #e5a192;
$rose-dusk-rgb: 229, 161, 146;
$rose-dusk-light: mix(#fff, $rose-dusk, 20%);
$rose-dusk-dark: mix(#000, $rose-dusk, 20%);
.element {
color: $rose-dusk;
box-shadow: 0 0 0 2px rgba($rose-dusk, 0.35);
}