Colore con nome · #2D517C
Slumber
Slumber è #2D517C: rgb(45 81 124), hsl(213 47% 33%), oklch(0.429 0.083 253.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Slumber color name →
#2D517C
oklch(0.429 0.083 253.9)
Conversioni di colore
- HEX
- #2d517c
- RGB
- rgb(45 81 124)
- HSL
- hsl(213 47% 33%)
- HWB
- hwb(213 18% 51%)
- OKLCH
- oklch(0.429 0.083 253.9)
- OKLab
- oklab(0.429 -0.023 -0.08)
- CIE Lab
- lab(33.36 -2.24 -28.77)
- LCH
- lch(33.36 28.86 265.5)
- CMYK
- cmyk(64% 35% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 416189
- 547296
- 6883A3
- 7D94B0
- 91A5BD
- A7B6CA
- BCC8D7
- D2DAE4
- E8ECF2
Ombre
- 26456B
- 1F3A5A
- 182F4A
- 11243B
- 0B1A2C
- 06101E
- 020711
- 010205
- 000001
Toni
- 36567D
- 3E5B7E
- 47607E
- 4F647F
- 57697F
- 5F6E80
- 677280
- 707780
- 787B80
Armonie di colore
Complementare +180°
- 2D517C
Slumber
- 6A480F
≈ Violin Brown
Analogo -30° +30°
- 2D517C
Slumber
- 005870
≈ Subaqueous
- 4A487B
≈ Highlands Twilight
Triadico +120° +240°
- 2D517C
Slumber
- 763B42
≈ Garnet Evening
- 3C5928
≈ Parsley
Complementare divisa +150° +210°
- 2D517C
Slumber
- 753F27
≈ Burnished Russet
- 57510F
≈ Scorzonera Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.14:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.57:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--slumber: #2d517c;
--slumber-rgb: 45 81 124;
--slumber-oklch: oklch(0.429 0.083 253.9);
}
.element {
color: var(--slumber);
background-color: hsl(213 47% 33%);
border-color: oklch(0.429 0.083 253.9);
}Tailwind CSS v4
@theme {
--color-slumber: #2d517c;
--color-slumber-50: #e6f7ff;
--color-slumber-100: #d6eaff;
--color-slumber-200: #bed6f8;
--color-slumber-300: #9cbae2;
--color-slumber-400: #7ca1cf;
--color-slumber-500: #5f89bc;
--color-slumber-600: #50749f;
--color-slumber-700: #405d80;
--color-slumber-800: #2d445e;
--color-slumber-900: #1e2f42;
--color-slumber-950: #0e1b2b;
}SCSS
$slumber: #2d517c;
$slumber-rgb: 45, 81, 124;
$slumber-light: mix(#fff, $slumber, 20%);
$slumber-dark: mix(#000, $slumber, 20%);
.element {
color: $slumber;
box-shadow: 0 0 0 2px rgba($slumber, 0.35);
}