Colore con nome · #C84186
Smitten
Smitten è #C84186: rgb(200 65 134), hsl(329 55% 52%), oklch(0.586 0.183 352.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Smitten color name →
#C84186
oklch(0.586 0.183 352.7)
Conversioni di colore
- HEX
- #c84186
- RGB
- rgb(200 65 134)
- HSL
- hsl(329 55% 52%)
- HWB
- hwb(329 25% 22%)
- OKLCH
- oklch(0.586 0.183 352.7)
- OKLab
- oklab(0.586 0.181 -0.023)
- CIE Lab
- lab(49.6 58.41 -8.05)
- LCH
- lch(49.6 58.96 352.2)
- CMYK
- cmyk(0% 68% 33% 22%)
Tinte · Ombre · Toni
Tinte
- D05791
- D76B9D
- DE7EA9
- E491B5
- EAA3C1
- F0B6CD
- F4C8D9
- F8DAE6
- FCEDF2
Ombre
- AE3774
- 942E62
- 7B2551
- 631C40
- 4C1330
- 360B21
- 210513
- 0F0106
- 020001
Toni
- C24A85
- BC5385
- B65A84
- AF6184
- A86783
- A16C83
- 9A7282
- 927781
- 897B81
Armonie di colore
Complementare +180°
- C84186
Smitten
- 009175
≈ Dòu Lǜ Green
Analogo -30° +30°
- C84186
Smitten
- AD4EBA
≈ Royal Gramma Purple
- D34046
≈ Red Bliss
Triadico +120° +240°
- C84186
Smitten
- 7E8300
≈ Drably Olive
- 0087B8
≈ Mermaid Dreams
Complementare divisa +150° +210°
- C84186
Smitten
- 20951F
≈ Irish Green
- 008D96
≈ Tempo Teal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.60:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.55:1 · APCA Lc 31
Miglior colore del testo: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--smitten: #c84186;
--smitten-rgb: 200 65 134;
--smitten-oklch: oklch(0.586 0.183 352.7);
}
.element {
color: var(--smitten);
background-color: hsl(329 55% 52%);
border-color: oklch(0.586 0.183 352.7);
}Tailwind CSS v4
@theme {
--color-smitten: #c84186;
--color-smitten-50: #ffe0f8;
--color-smitten-100: #ffcfeb;
--color-smitten-200: #ffb3d9;
--color-smitten-300: #ff8dbd;
--color-smitten-400: #ed6aa8;
--color-smitten-500: #da4291;
--color-smitten-600: #b83a7b;
--color-smitten-700: #942e62;
--color-smitten-800: #6e204a;
--color-smitten-900: #4d1534;
--color-smitten-950: #33061f;
}SCSS
$smitten: #c84186;
$smitten-rgb: 200, 65, 134;
$smitten-light: mix(#fff, $smitten, 20%);
$smitten-dark: mix(#000, $smitten, 20%);
.element {
color: $smitten;
box-shadow: 0 0 0 2px rgba($smitten, 0.35);
}