Warna bernama · #2D517C
Slumber
Slumber adalah #2D517C: rgb(45 81 124), hsl(213 47% 33%), oklch(0.429 0.083 253.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Slumber color name →
#2D517C
oklch(0.429 0.083 253.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 416189
- 547296
- 6883A3
- 7D94B0
- 91A5BD
- A7B6CA
- BCC8D7
- D2DAE4
- E8ECF2
Shade
- 26456B
- 1F3A5A
- 182F4A
- 11243B
- 0B1A2C
- 06101E
- 020711
- 010205
- 000001
Tone
- 36567D
- 3E5B7E
- 47607E
- 4F647F
- 57697F
- 5F6E80
- 677280
- 707780
- 787B80
Harmoni warna
Komplementer +180°
- 2D517C
Slumber
- 6A480F
≈ Violin Brown
Analog -30° +30°
- 2D517C
Slumber
- 005870
≈ Subaqueous
- 4A487B
≈ Highlands Twilight
Triadik +120° +240°
- 2D517C
Slumber
- 763B42
≈ Garnet Evening
- 3C5928
≈ Parsley
Split-komplementer +150° +210°
- 2D517C
Slumber
- 753F27
≈ Burnished Russet
- 57510F
≈ Scorzonera Brown
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 8.14:1 · APCA Lc 88
Ag
FailDi atas hitam
WCAG 2.57:1 · APCA Lc 14
Warna teks terbaik: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
Cuplikan kode
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);
}