Nearest named color · #1F284F
#1F284F
Nearest named color: Space Cadet
#1F284F (rgb(31 40 79), hsl(229 44% 22%), oklch(0.291 0.072 271.5)) is closest to the named color Space Cadet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1F284F
oklch(0.291 0.072 271.5)
Color conversions
- HEX
- #1f284f
- RGB
- rgb(31 40 79)
- HSL
- hsl(229 44% 22%)
- HWB
- hwb(229 12% 69%)
- OKLCH
- oklch(0.291 0.072 271.5)
- OKLab
- oklab(0.291 0.002 -0.072)
- CIE Lab
- lab(16.99 6.45 -25.7)
- LCH
- lch(16.99 26.5 284.1)
- CMYK
- cmyk(61% 49% 0% 69%)
Tints · Shades · Tones
Tints
- 313B60
- 454F71
- 5A6382
- 6F7893
- 868DA4
- 9DA3B6
- B4B9C8
- CDD0DA
- E6E7EC
Shades
- 192144
- 141B38
- 0F152E
- 0A0F23
- 060919
- 030410
- 010207
- 000102
- 000000
Tones
- 273154
- 303959
- 39425E
- 434A63
- 4D5368
- 565C6D
- 616572
- 6B6E77
- 75777B
Color harmonies
Complementary +180°
- 1F284F
Space Cadet
- 362A00
≈ Secret Passage
Analogous -30° +30°
- 1F284F
Space Cadet
- 002F4A
≈ Cosmos Blue
- 322249
≈ Elderberry
Triadic +120° +240°
- 1F284F
Space Cadet
- 491B14
≈ Barbecue Sauce
- 053518
≈ Dark Serpent
Split-complementary +150° +210°
- 1F284F
Space Cadet
- 432200
≈ Blackened Brown
- 263000
≈ Blind Forest
Tetradic +90° +180° +270°
- 1F284F
Space Cadet
- 471A29
≈ Dark Mahogany
- 362A00
≈ Secret Passage
- 00342D
≈ Fence Green
Contrast & accessibility
Ag
AAAOn white
WCAG 14.24:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.47:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.24:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--space-cadet: #1f284f;
--space-cadet-rgb: 31 40 79;
--space-cadet-oklch: oklch(0.291 0.072 271.5);
}
.element {
color: var(--space-cadet);
background-color: hsl(229 44% 22%);
border-color: oklch(0.291 0.072 271.5);
}Tailwind CSS v4
@theme {
--color-space-cadet: #1f284f;
--color-space-cadet-50: #eef4ff;
--color-space-cadet-100: #e0e7ff;
--color-space-cadet-200: #cad3f4;
--color-space-cadet-300: #abb5dd;
--color-space-cadet-400: #8f9cca;
--color-space-cadet-500: #7584b6;
--color-space-cadet-600: #636f9a;
--color-space-cadet-700: #4f597c;
--color-space-cadet-800: #38415c;
--color-space-cadet-900: #262d40;
--color-space-cadet-950: #151a29;
}SCSS
$space-cadet: #1f284f;
$space-cadet-rgb: 31, 40, 79;
$space-cadet-light: mix(#fff, $space-cadet, 20%);
$space-cadet-dark: mix(#000, $space-cadet, 20%);
.element {
color: $space-cadet;
box-shadow: 0 0 0 2px rgba($space-cadet, 0.35);
}