Colore con nome · #364C68
Deep Royal
Deep Royal è #364C68: rgb(54 76 104), hsl(214 32% 31%), oklch(0.411 0.055 254.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Deep Royal color name →
#364C68
oklch(0.411 0.055 254.8)
Conversioni di colore
- HEX
- #364c68
- RGB
- rgb(54 76 104)
- HSL
- hsl(214 32% 31%)
- HWB
- hwb(214 21% 59%)
- OKLCH
- oklch(0.411 0.055 254.8)
- OKLab
- oklab(0.411 -0.014 -0.053)
- CIE Lab
- lab(31.44 -2.34 -19.24)
- LCH
- lch(31.44 19.38 263.1)
- CMYK
- cmyk(48% 27% 0% 59%)
Tinte · Ombre · Toni
Tinte
- 485C76
- 5A6D85
- 6D7E93
- 8190A2
- 95A1B1
- A9B3C1
- BEC6D0
- D3D9DF
- E9ECEF
Ombre
- 2E4159
- 25364B
- 1E2C3E
- 162230
- 0F1824
- 080F18
- 03060C
- 010204
- 000000
Toni
- 3D516B
- 44566D
- 4C5B70
- 536172
- 5A6675
- 626B77
- 697079
- 71757C
- 787B7E
Armonie di colore
Complementare +180°
- 364C68
Deep Royal
- 5C4627
≈ Nightingale
Analogo -30° +30°
- 364C68
Deep Royal
- 265161
≈ Shadow of Night
- 474667
≈ Deepest Fig
Triadico +120° +240°
- 364C68
Deep Royal
- 653E41
≈ Beetroot
- 3E5133
≈ Highlander
Complementare divisa +150° +210°
- 364C68
Deep Royal
- 644131
≈ Worn Wooden
- 4F4C28
≈ Codium Fragile
Tetradico +90° +180° +270°
- 364C68
Deep Royal
- 603E51
≈ Dark Potion
- 5C4627
≈ Nightingale
- 2C5443
≈ Fresh Mint
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.78:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-royal: #364c68;
--deep-royal-rgb: 54 76 104;
--deep-royal-oklch: oklch(0.411 0.055 254.8);
}
.element {
color: var(--deep-royal);
background-color: hsl(214 32% 31%);
border-color: oklch(0.411 0.055 254.8);
}Tailwind CSS v4
@theme {
--color-deep-royal: #364c68;
--color-deep-royal-50: #ebf6ff;
--color-deep-royal-100: #dde9fb;
--color-deep-royal-200: #c6d6ec;
--color-deep-royal-300: #a6b9d4;
--color-deep-royal-400: #89a1bf;
--color-deep-royal-500: #6e88aa;
--color-deep-royal-600: #5d7390;
--color-deep-royal-700: #4a5c73;
--color-deep-royal-800: #354455;
--color-deep-royal-900: #242f3b;
--color-deep-royal-950: #131b25;
}SCSS
$deep-royal: #364c68;
$deep-royal-rgb: 54, 76, 104;
$deep-royal-light: mix(#fff, $deep-royal, 20%);
$deep-royal-dark: mix(#000, $deep-royal, 20%);
.element {
color: $deep-royal;
box-shadow: 0 0 0 2px rgba($deep-royal, 0.35);
}