Nazwany kolor · #ECC5C0
Rose Haze
Rose Haze to #ECC5C0: rgb(236 197 192), hsl(7 54% 84%), oklch(0.856 0.045 26.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Rose Haze color name →
#ECC5C0
oklch(0.856 0.045 26.6)
Konwersje koloru
- HEX
- #ecc5c0
- RGB
- rgb(236 197 192)
- HSL
- hsl(7 54% 84%)
- HWB
- hwb(7 75% 7%)
- OKLCH
- oklch(0.856 0.045 26.6)
- OKLab
- oklab(0.856 0.04 0.02)
- CIE Lab
- lab(82.85 13.71 7.97)
- LCH
- lch(82.85 15.86 30.2)
- CMYK
- cmyk(0% 17% 19% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EECBC6
- F0D0CC
- F2D6D3
- F4DCD9
- F6E2DF
- F8E8E5
- FAEDEC
- FCF3F2
- FDF9F9
Odcienie ciemniejsze
- CDABA7
- AF928E
- 927976
- 76615F
- 5B4B49
- 423534
- 292120
- 130E0E
- 030202
Tony
- E1BEB9
- D6B7B3
- CBB0AC
- C0A9A6
- B5A29F
- AA9B99
- 9F9493
- 958D8C
- 8A8786
Harmonie kolorów
Komplementarna +180°
- ECC5C0
Rose Haze
- AED9DE
≈ Daly Waters
Analogowa -30° +30°
- ECC5C0
Rose Haze
- E9C4D0
≈ Misty Memories
- E7C9B4
≈ Woodstock Rose
Triada +120° +240°
- ECC5C0
Rose Haze
- BDD8BF
≈ Namaste
- C2D0EE
≈ Maritime
Komplementarna rozszczepiona +150° +210°
- ECC5C0
Rose Haze
- B1DACF
≈ Scandal
- B5D5EA
≈ Light Sea Cliff
Tetrada +90° +180° +270°
- ECC5C0
Rose Haze
- CDD4B3
≈ Mint Soap
- AED9DE
≈ Daly Waters
- D2CAEA
≈ Italian Fitch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.31:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-haze: #ecc5c0;
--rose-haze-rgb: 236 197 192;
--rose-haze-oklch: oklch(0.856 0.045 26.6);
}
.element {
color: var(--rose-haze);
background-color: hsl(7 54% 84%);
border-color: oklch(0.856 0.045 26.6);
}Tailwind CSS v4
@theme {
--color-rose-haze: #ecc5c0;
--color-rose-haze-50: #fff1ee;
--color-rose-haze-100: #f7e3df;
--color-rose-haze-200: #e7cec9;
--color-rose-haze-300: #ceafaa;
--color-rose-haze-400: #b89590;
--color-rose-haze-500: #a27b76;
--color-rose-haze-600: #896864;
--color-rose-haze-700: #6e5350;
--color-rose-haze-800: #513c3b;
--color-rose-haze-900: #382a28;
--color-rose-haze-950: #231716;
}SCSS
$rose-haze: #ecc5c0;
$rose-haze-rgb: 236, 197, 192;
$rose-haze-light: mix(#fff, $rose-haze, 20%);
$rose-haze-dark: mix(#000, $rose-haze, 20%);
.element {
color: $rose-haze;
box-shadow: 0 0 0 2px rgba($rose-haze, 0.35);
}