Colore con nome · #CE858F
Rose Sachet
Rose Sachet è #CE858F: rgb(206 133 143), hsl(352 43% 66%), oklch(0.694 0.091 10.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose Sachet color name →
#CE858F
oklch(0.694 0.091 10.7)
Conversioni di colore
- HEX
- #ce858f
- RGB
- rgb(206 133 143)
- HSL
- hsl(352 43% 66%)
- HWB
- hwb(352 52% 19%)
- OKLCH
- oklch(0.694 0.091 10.7)
- OKLab
- oklab(0.694 0.089 0.017)
- CIE Lab
- lab(63.52 29.77 6.92)
- LCH
- lch(63.52 30.56 13.1)
- CMYK
- cmyk(0% 35% 31% 19%)
Tinte · Ombre · Toni
Tinte
- D4919A
- D99DA4
- DFA9AF
- E4B5BA
- E9C1C6
- EECED1
- F2DADC
- F7E6E8
- FBF3F3
Ombre
- B3737C
- 986169
- 7F5057
- 664045
- 4E3034
- 382124
- 231315
- 0F0607
- 020101
Toni
- C6858E
- BF858C
- B7848B
- B08489
- A88388
- A08386
- 988285
- 908283
- 888182
Armonie di colore
Complementare +180°
- CE858F
Rose Sachet
- 4FAFAA
≈ Verdigris
Analogo -30° +30°
- CE858F
Rose Sachet
- C386AE
≈ Joie de Vivre
- CD8A71
≈ Fireplace Glow
Triadico +120° +240°
- CE858F
Rose Sachet
- 89A86C
≈ Peeled Asparagus
- 71A1D3
≈ Kindred
Complementare divisa +150° +210°
- CE858F
Rose Sachet
- 67AE8A
≈ Verdigris Green
- 55AAC4
≈ Blue Mist
Tetradico +90° +180° +270°
- CE858F
Rose Sachet
- A99E5A
≈ Mediaeval Sulphur
- 4FAFAA
≈ Verdigris
- 9296D4
≈ Portage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.37:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.37:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-sachet: #ce858f;
--rose-sachet-rgb: 206 133 143;
--rose-sachet-oklch: oklch(0.694 0.091 10.7);
}
.element {
color: var(--rose-sachet);
background-color: hsl(352 43% 66%);
border-color: oklch(0.694 0.091 10.7);
}Tailwind CSS v4
@theme {
--color-rose-sachet: #ce858f;
--color-rose-sachet-50: #ffebee;
--color-rose-sachet-100: #ffdcdf;
--color-rose-sachet-200: #f8c5c9;
--color-rose-sachet-300: #e2a5aa;
--color-rose-sachet-400: #ce8891;
--color-rose-sachet-500: #ba6c77;
--color-rose-sachet-600: #9d5c65;
--color-rose-sachet-700: #7e4951;
--color-rose-sachet-800: #5d353c;
--color-rose-sachet-900: #412429;
--color-rose-sachet-950: #2a1317;
}SCSS
$rose-sachet: #ce858f;
$rose-sachet-rgb: 206, 133, 143;
$rose-sachet-light: mix(#fff, $rose-sachet, 20%);
$rose-sachet-dark: mix(#000, $rose-sachet, 20%);
.element {
color: $rose-sachet;
box-shadow: 0 0 0 2px rgba($rose-sachet, 0.35);
}