Warna bernama · #3E5580
Deep Azure
Deep Azure adalah #3E5580: rgb(62 85 128), hsl(219 35% 37%), oklch(0.451 0.076 262.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Deep Azure color name →
#3E5580
oklch(0.451 0.076 262.3)
Konversi warna
- HEX
- #3e5580
- RGB
- rgb(62 85 128)
- HSL
- hsl(219 35% 37%)
- HWB
- hwb(219 24% 50%)
- OKLCH
- oklch(0.451 0.076 262.3)
- OKLab
- oklab(0.451 -0.01 -0.076)
- CIE Lab
- lab(35.78 0.97 -27.36)
- LCH
- lch(35.78 27.38 272)
- CMYK
- cmyk(52% 34% 0% 50%)
Tint · Shade · Tone
Tint
- 4F658D
- 617599
- 7485A6
- 8696B2
- 99A7BF
- ADB8CC
- C1C9D8
- D5DBE5
- EAEDF2
Shade
- 35496E
- 2B3D5D
- 23314D
- 1A263D
- 121C2E
- 0A111F
- 040812
- 010206
- 000001
Tone
- 445980
- 4B5E81
- 516281
- 586781
- 5F6B81
- 656F81
- 6C7381
- 737881
- 797C80
Harmoni warna
Komplementer +180°
- 3E5580
Deep Azure
- 6A511D
≈ Field Drab
Analog -30° +30°
- 3E5580
Deep Azure
- 205C79
≈ Nautical Creatures
- 574D7C
≈ Saffron Crocus
Triadik +120° +240°
- 3E5580
Deep Azure
- 7A4342
≈ Cinnamon Cherry
- 3C6038
≈ Verde Garrafa
Split-komplementer +150° +210°
- 3E5580
Deep Azure
- 77492B
≈ Cape Palliser
- 565A23
≈ Saratoga
Tetradik +90° +180° +270°
- 3E5580
Deep Azure
- 76435A
≈ Deep Carmine
- 6A511D
≈ Field Drab
- 1B6351
≈ Embracing
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.45:1 · APCA Lc 86
Ag
FailDi atas hitam
WCAG 2.81:1 · APCA Lc 16
Warna teks terbaik: #FFFFFF
WCAG 7.45:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
CSS
:root {
--deep-azure: #3e5580;
--deep-azure-rgb: 62 85 128;
--deep-azure-oklch: oklch(0.451 0.076 262.3);
}
.element {
color: var(--deep-azure);
background-color: hsl(219 35% 37%);
border-color: oklch(0.451 0.076 262.3);
}Tailwind CSS v4
@theme {
--color-deep-azure: #3e5580;
--color-deep-azure-50: #eaf6ff;
--color-deep-azure-100: #dbe8ff;
--color-deep-azure-200: #c4d5f6;
--color-deep-azure-300: #a4b8df;
--color-deep-azure-400: #869fcc;
--color-deep-azure-500: #6b86b9;
--color-deep-azure-600: #5a729c;
--color-deep-azure-700: #485b7d;
--color-deep-azure-800: #33435d;
--color-deep-azure-900: #232e41;
--color-deep-azure-950: #121b2a;
}SCSS
$deep-azure: #3e5580;
$deep-azure-rgb: 62, 85, 128;
$deep-azure-light: mix(#fff, $deep-azure, 20%);
$deep-azure-dark: mix(#000, $deep-azure, 20%);
.element {
color: $deep-azure;
box-shadow: 0 0 0 2px rgba($deep-azure, 0.35);
}