Colore con nome · #CC6666
Fuzzy Wuzzy
Fuzzy Wuzzy è #CC6666: rgb(204 102 102), hsl(0 50% 60%), oklch(0.631 0.13 21.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Fuzzy Wuzzy color name →
#CC6666
oklch(0.631 0.13 21.4)
Conversioni di colore
- HEX
- #cc6666
- RGB
- rgb(204 102 102)
- HSL
- hsl(0 50% 60%)
- HWB
- hwb(0 40% 20%)
- OKLCH
- oklch(0.631 0.13 21.4)
- OKLab
- oklab(0.631 0.121 0.047)
- CIE Lab
- lab(55.85 41.26 19.83)
- LCH
- lch(55.85 45.78 25.7)
- CMYK
- cmyk(0% 50% 50% 20%)
Tinte · Ombre · Toni
Tinte
- D37675
- D98583
- DF9492
- E5A3A1
- EAB3B0
- EFC2C0
- F4D1CF
- F8E0DF
- FCF0EF
Ombre
- B15858
- 974A4A
- 7E3C3C
- 652F2F
- 4E2323
- 371717
- 220C0C
- 0F0404
- 020000
Toni
- C56A69
- BE6D6C
- B7706E
- B07371
- A97574
- A17876
- 997A79
- 917C7B
- 897E7E
Armonie di colore
Complementare +180°
- CC6666
Fuzzy Wuzzy
- 009CA4
≈ Turkish Boy
Analogo -30° +30°
- CC6666
Fuzzy Wuzzy
- C36692
≈ Ibis Rose
- C67037
≈ Ochre Pigment
Triadico +120° +240°
- CC6666
Fuzzy Wuzzy
- 599D50
≈ Golf Course
- 5C88D7
≈ Blue Jay
Complementare divisa +150° +210°
- CC6666
Fuzzy Wuzzy
- 00A180
≈ Sport Green
- 0096C8
≈ Germander Speedwell
Tetradico +90° +180° +270°
- CC6666
Fuzzy Wuzzy
- 8D901D
≈ Old Asparagus
- 009CA4
≈ Turkish Boy
- 8B79D1
≈ True V
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.71:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.65:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--fuzzy-wuzzy: #cc6666;
--fuzzy-wuzzy-rgb: 204 102 102;
--fuzzy-wuzzy-oklch: oklch(0.631 0.13 21.4);
}
.element {
color: var(--fuzzy-wuzzy);
background-color: hsl(0 50% 60%);
border-color: oklch(0.631 0.13 21.4);
}Tailwind CSS v4
@theme {
--color-fuzzy-wuzzy: #cc6666;
--color-fuzzy-wuzzy-50: #ffe7e4;
--color-fuzzy-wuzzy-100: #ffd8d3;
--color-fuzzy-wuzzy-200: #ffbfba;
--color-fuzzy-wuzzy-300: #f39d98;
--color-fuzzy-wuzzy-400: #e17d7c;
--color-fuzzy-wuzzy-500: #ce5e5f;
--color-fuzzy-wuzzy-600: #ae5051;
--color-fuzzy-wuzzy-700: #8c4040;
--color-fuzzy-wuzzy-800: #682d30;
--color-fuzzy-wuzzy-900: #491f20;
--color-fuzzy-wuzzy-950: #300e10;
}SCSS
$fuzzy-wuzzy: #cc6666;
$fuzzy-wuzzy-rgb: 204, 102, 102;
$fuzzy-wuzzy-light: mix(#fff, $fuzzy-wuzzy, 20%);
$fuzzy-wuzzy-dark: mix(#000, $fuzzy-wuzzy, 20%);
.element {
color: $fuzzy-wuzzy;
box-shadow: 0 0 0 2px rgba($fuzzy-wuzzy, 0.35);
}