Colore con nome · #45538D
Demon Blue
Demon Blue è #45538D: rgb(69 83 141), hsl(228 34% 41%), oklch(0.459 0.096 271.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Demon Blue color name →
#45538D
oklch(0.459 0.096 271.9)
Conversioni di colore
- HEX
- #45538d
- RGB
- rgb(69 83 141)
- HSL
- hsl(228 34% 41%)
- HWB
- hwb(228 27% 45%)
- OKLCH
- oklch(0.459 0.096 271.9)
- OKLab
- oklab(0.459 0.003 -0.096)
- CIE Lab
- lab(36.25 7.61 -34.49)
- LCH
- lch(36.25 35.32 282.4)
- CMYK
- cmyk(51% 41% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 556399
- 6674A4
- 7884B0
- 8A95BB
- 9CA6C7
- AFB8D2
- C3C9DD
- D7DBE8
- EBEDF4
Ombre
- 3B477A
- 313B67
- 273055
- 1E2544
- 151B33
- 0C1123
- 050814
- 020207
- 000001
Toni
- 4A588C
- 505D8B
- 56618A
- 5C6689
- 616A88
- 676F87
- 6E7385
- 747784
- 7A7C82
Armonie di colore
Complementare +180°
- 45538D
Demon Blue
- 6B5500
≈ Ayahuasca Vine
Analogo -30° +30°
- 45538D
Demon Blue
- 195D88
≈ Oceanic Motion
- 624984
≈ Violet Majesty
Triadico +120° +240°
- 45538D
Demon Blue
- 854134
≈ Outrageous
- 25673C
≈ Vegas Green
Complementare divisa +150° +210°
- 45538D
Demon Blue
- 7D4912
≈ Dried Mustard
- 4F6019
≈ Camouflage Green
Tetradico +90° +180° +270°
- 45538D
Demon Blue
- 823E53
≈ Sugar Beet
- 6B5500
≈ Ayahuasca Vine
- 00665B
≈ Arizona Stone
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.30:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.87:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--demon-blue: #45538d;
--demon-blue-rgb: 69 83 141;
--demon-blue-oklch: oklch(0.459 0.096 271.9);
}
.element {
color: var(--demon-blue);
background-color: hsl(228 34% 41%);
border-color: oklch(0.459 0.096 271.9);
}Tailwind CSS v4
@theme {
--color-demon-blue: #45538d;
--color-demon-blue-50: #ecf4ff;
--color-demon-blue-100: #dde6ff;
--color-demon-blue-200: #c7d2fe;
--color-demon-blue-300: #a8b4e9;
--color-demon-blue-400: #8a9bd8;
--color-demon-blue-500: #7082c6;
--color-demon-blue-600: #5f6ea7;
--color-demon-blue-700: #4c5886;
--color-demon-blue-800: #354064;
--color-demon-blue-900: #242c46;
--color-demon-blue-950: #13192e;
}SCSS
$demon-blue: #45538d;
$demon-blue-rgb: 69, 83, 141;
$demon-blue-light: mix(#fff, $demon-blue, 20%);
$demon-blue-dark: mix(#000, $demon-blue, 20%);
.element {
color: $demon-blue;
box-shadow: 0 0 0 2px rgba($demon-blue, 0.35);
}