Named color · #1E4469
Lucidity
Lucidity is #1E4469: rgb(30 68 105), hsl(210 56% 26%), oklch(0.378 0.077 250). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Lucidity color name →
#1E4469
oklch(0.378 0.077 250)
Color conversions
- HEX
- #1e4469
- RGB
- rgb(30 68 105)
- HSL
- hsl(210 56% 26%)
- HWB
- hwb(210 12% 59%)
- OKLCH
- oklch(0.378 0.077 250)
- OKLab
- oklab(0.378 -0.026 -0.072)
- CIE Lab
- lab(27.54 -3.58 -26.05)
- LCH
- lch(27.54 26.3 262.2)
- CMYK
- cmyk(71% 35% 0% 59%)
Tints · Shades · Tones
Tints
- 335577
- 496786
- 5E7995
- 738BA4
- 8A9DB3
- A0B0C2
- B7C4D1
- CFD7E0
- E7EBEF
Shades
- 193A5A
- 13304C
- 0E263E
- 091D31
- 051424
- 030C18
- 01050C
- 000204
- 000000
Tones
- 294A6C
- 33506E
- 3D5671
- 465C73
- 506276
- 596878
- 636E7A
- 6D747C
- 767A7E
Color harmonies
Complementary +180°
- 1E4469
Lucidity
- 5B3908
≈ Hippogriff Brown
Analogous -30° +30°
- 1E4469
Lucidity
- 004A5B
≈ Nocturnal Expedition
- 3A3C6A
≈ American Blue
Triadic +120° +240°
- 1E4469
Lucidity
- 642F38
≈ Power Tie
- 344A1A
≈ Treetop Cathedral
Split-complementary +150° +210°
- 1E4469
Lucidity
- 643220
≈ Freshly Roasted Coffee
- 4C4203
≈ Roman Bronze
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.06:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.08:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.06:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--lucidity: #1e4469;
--lucidity-rgb: 30 68 105;
--lucidity-oklch: oklch(0.378 0.077 250);
}
.element {
color: var(--lucidity);
background-color: hsl(210 56% 26%);
border-color: oklch(0.378 0.077 250);
}Tailwind CSS v4
@theme {
--color-lucidity: #1e4469;
--color-lucidity-50: #e6f7ff;
--color-lucidity-100: #d6eaff;
--color-lucidity-200: #bdd7f5;
--color-lucidity-300: #9bbbde;
--color-lucidity-400: #7ca2cb;
--color-lucidity-500: #5e8ab8;
--color-lucidity-600: #50759b;
--color-lucidity-700: #405d7c;
--color-lucidity-800: #2c455c;
--color-lucidity-900: #1e3040;
--color-lucidity-950: #0e1c29;
}SCSS
$lucidity: #1e4469;
$lucidity-rgb: 30, 68, 105;
$lucidity-light: mix(#fff, $lucidity, 20%);
$lucidity-dark: mix(#000, $lucidity, 20%);
.element {
color: $lucidity;
box-shadow: 0 0 0 2px rgba($lucidity, 0.35);
}