Nazwany kolor · #E08395
Rose Soiree
Rose Soiree to #E08395: rgb(224 131 149), hsl(348 60% 70%), oklch(0.714 0.116 8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rose Soiree color name →
#E08395
oklch(0.714 0.116 8)
Konwersje koloru
- HEX
- #e08395
- RGB
- rgb(224 131 149)
- HSL
- hsl(348 60% 70%)
- HWB
- hwb(348 51% 12%)
- OKLCH
- oklch(0.714 0.116 8)
- OKLab
- oklab(0.714 0.115 0.016)
- CIE Lab
- lab(65.5 38.11 6.72)
- LCH
- lch(65.5 38.7 10)
- CMYK
- cmyk(0% 42% 33% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4909F
- E89CA9
- ECA8B4
- F0B5BE
- F3C1C9
- F6CDD3
- F9DADE
- FBE6E9
- FDF3F4
Odcienie ciemniejsze
- C37181
- A6606D
- 8A4F5A
- 703F48
- 562F37
- 3E2026
- 271216
- 120608
- 020101
Tony
- D78393
- CD8391
- C4838F
- BB838D
- B1838A
- A88388
- 9E8286
- 948184
- 8A8182
Harmonie kolorów
Komplementarna +180°
- E08395
Rose Soiree
- 2BBAB0
≈ Message Green
Analogowa -30° +30°
- E08395
Rose Soiree
- D286BC
≈ Cyclamen
- E1886D
≈ Guava Jam
Triada +120° +240°
- E08395
Rose Soiree
- 8EB15F
≈ Broccoli
- 65A9E8
≈ Blue Jeans
Komplementarna rozszczepiona +150° +210°
- E08395
Rose Soiree
- 5CB987
≈ Green Garter
- 33B4D3
≈ Ocean Sigh
Tetrada +90° +180° +270°
- E08395
Rose Soiree
- B6A346
≈ Moss Stone
- 2BBAB0
≈ Message Green
- 929BEA
≈ Cold Lips
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.67:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.84:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-soiree: #e08395;
--rose-soiree-rgb: 224 131 149;
--rose-soiree-oklch: oklch(0.714 0.116 8);
}
.element {
color: var(--rose-soiree);
background-color: hsl(348 60% 70%);
border-color: oklch(0.714 0.116 8);
}Tailwind CSS v4
@theme {
--color-rose-soiree: #e08395;
--color-rose-soiree-50: #ffe8ed;
--color-rose-soiree-100: #ffd9df;
--color-rose-soiree-200: #ffc0c9;
--color-rose-soiree-300: #ec9faa;
--color-rose-soiree-400: #d88191;
--color-rose-soiree-500: #c56277;
--color-rose-soiree-600: #a65465;
--color-rose-soiree-700: #864351;
--color-rose-soiree-800: #63303c;
--color-rose-soiree-900: #462029;
--color-rose-soiree-950: #2d1017;
}SCSS
$rose-soiree: #e08395;
$rose-soiree-rgb: 224, 131, 149;
$rose-soiree-light: mix(#fff, $rose-soiree, 20%);
$rose-soiree-dark: mix(#000, $rose-soiree, 20%);
.element {
color: $rose-soiree;
box-shadow: 0 0 0 2px rgba($rose-soiree, 0.35);
}