Colore con nome · #CC5511
Hot Bolognese
Hot Bolognese è #CC5511: rgb(204 85 17), hsl(22 85% 43%), oklch(0.595 0.167 43.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hot Bolognese color name →
#CC5511
oklch(0.595 0.167 43.9)
Conversioni di colore
- HEX
- #cc5511
- RGB
- rgb(204 85 17)
- HSL
- hsl(22 85% 43%)
- HWB
- hwb(22 7% 20%)
- OKLCH
- oklch(0.595 0.167 43.9)
- OKLab
- oklab(0.595 0.12 0.116)
- CIE Lab
- lab(51.82 46.15 57.88)
- LCH
- lch(51.82 74.03 51.4)
- CMYK
- cmyk(0% 58% 92% 20%)
Tinte · Ombre · Toni
Tinte
- D36835
- DA794F
- E08B66
- E69B7C
- EBAC91
- F0BDA7
- F5CDBD
- F9DED3
- FCEEE9
Ombre
- B1490D
- 973D09
- 7E3106
- 652604
- 4E1C02
- 371101
- 220800
- 0F0200
- 020000
Toni
- C55B27
- BF6136
- B86642
- B16B4C
- A96F56
- A2735F
- 9A7768
- 927A70
- 897D78
Armonie di colore
Complementare +180°
- CC5511
Hot Bolognese
- 008CB0
≈ Algiers Blue
Analogo -30° +30°
- CC5511
Hot Bolognese
- CE4A60
≈ California Wine
- AB7100
≈ Cookie Dough
Triadico +120° +240°
- CC5511
Hot Bolognese
- 00966A
≈ Green Cyan
- 756CDD
≈ C64 Purple
Complementare divisa +150° +210°
- CC5511
Hot Bolognese
- 009190
≈ Common Teal
- 267FDF
≈ Soothing Sapphire
Tetradico +90° +180° +270°
- CC5511
Hot Bolognese
- 52930C
≈ Vida Loca
- 008CB0
≈ Algiers Blue
- A25BC3
≈ Trunks Hair
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.30:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.87:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.87:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--hot-bolognese: #cc5511;
--hot-bolognese-rgb: 204 85 17;
--hot-bolognese-oklch: oklch(0.595 0.167 43.9);
}
.element {
color: var(--hot-bolognese);
background-color: hsl(22 85% 43%);
border-color: oklch(0.595 0.167 43.9);
}Tailwind CSS v4
@theme {
--color-hot-bolognese: #cc5511;
--color-hot-bolognese-50: #ffe7ce;
--color-hot-bolognese-100: #ffd7b9;
--color-hot-bolognese-200: #ffbe97;
--color-hot-bolognese-300: #fd9b6b;
--color-hot-bolognese-400: #ed7943;
--color-hot-bolognese-500: #db5600;
--color-hot-bolognese-600: #b94a04;
--color-hot-bolognese-700: #953b06;
--color-hot-bolognese-800: #6f2907;
--color-hot-bolognese-900: #4f1c05;
--color-hot-bolognese-950: #340b00;
}SCSS
$hot-bolognese: #cc5511;
$hot-bolognese-rgb: 204, 85, 17;
$hot-bolognese-light: mix(#fff, $hot-bolognese, 20%);
$hot-bolognese-dark: mix(#000, $hot-bolognese, 20%);
.element {
color: $hot-bolognese;
box-shadow: 0 0 0 2px rgba($hot-bolognese, 0.35);
}