Nazwany kolor · #EEA5C1
Hushed Rose
Hushed Rose to #EEA5C1: rgb(238 165 193), hsl(337 68% 79%), oklch(0.8 0.093 354.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Hushed Rose color name →
#EEA5C1
oklch(0.8 0.093 354.7)
Konwersje koloru
- HEX
- #eea5c1
- RGB
- rgb(238 165 193)
- HSL
- hsl(337 68% 79%)
- HWB
- hwb(337 65% 7%)
- OKLCH
- oklch(0.8 0.093 354.7)
- OKLab
- oklab(0.8 0.092 -0.009)
- CIE Lab
- lab(75.59 30.64 -2.93)
- LCH
- lch(75.59 30.78 354.5)
- CMYK
- cmyk(0% 31% 19% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0AEC7
- F3B7CD
- F5C0D3
- F7C9D9
- F8D2E0
- FADBE6
- FCE4EC
- FDEDF2
- FEF6F9
Odcienie ciemniejsze
- CF8FA7
- B1798F
- 936577
- 77515F
- 5C3D49
- 422B34
- 2A1A20
- 140A0E
- 030102
Tony
- E3A1BA
- D89EB4
- CD9AAD
- C297A6
- B793A0
- AC8F99
- A18B93
- 96888D
- 8B8486
Harmonie kolorów
Komplementarna +180°
- EEA5C1
Hushed Rose
- 79D2BA
≈ Seafoam Blue
Analogowa -30° +30°
- EEA5C1
Hushed Rose
- DCA9DF
≈ Barely Bloomed
- F4A6A0
≈ Roseberry
Triada +120° +240°
- EEA5C1
Hushed Rose
- BCC57F
≈ Soda Pop
- 80C8F1
≈ Fish Pond
Komplementarna rozszczepiona +150° +210°
- EEA5C1
Hushed Rose
- 99CE99
≈ Kettle Drum
- 6ECFDA
≈ Summer of ’82
Tetrada +90° +180° +270°
- EEA5C1
Hushed Rose
- D9B977
≈ Sinking Sand
- 79D2BA
≈ Seafoam Blue
- A0BDFA
≈ Pastel Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.78:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--hushed-rose: #eea5c1;
--hushed-rose-rgb: 238 165 193;
--hushed-rose-oklch: oklch(0.8 0.093 354.7);
}
.element {
color: var(--hushed-rose);
background-color: hsl(337 68% 79%);
border-color: oklch(0.8 0.093 354.7);
}Tailwind CSS v4
@theme {
--color-hushed-rose: #eea5c1;
--color-hushed-rose-50: #ffebf6;
--color-hushed-rose-100: #ffdce8;
--color-hushed-rose-200: #f6c4d5;
--color-hushed-rose-300: #dfa4b8;
--color-hushed-rose-400: #ca87a1;
--color-hushed-rose-500: #b66b8a;
--color-hushed-rose-600: #9a5b74;
--color-hushed-rose-700: #7b495d;
--color-hushed-rose-800: #5b3445;
--color-hushed-rose-900: #402430;
--color-hushed-rose-950: #28121c;
}SCSS
$hushed-rose: #eea5c1;
$hushed-rose-rgb: 238, 165, 193;
$hushed-rose-light: mix(#fff, $hushed-rose, 20%);
$hushed-rose-dark: mix(#000, $hushed-rose, 20%);
.element {
color: $hushed-rose;
box-shadow: 0 0 0 2px rgba($hushed-rose, 0.35);
}