Nearest named color · #283448
#283448
Nearest named color: Total Eclipse
#283448 (rgb(40 52 72), hsl(218 29% 22%), oklch(0.323 0.039 260.4)) is closest to the named color Total Eclipse. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#283448
oklch(0.323 0.039 260.4)
Color conversions
- HEX
- #283448
- RGB
- rgb(40 52 72)
- HSL
- hsl(218 29% 22%)
- HWB
- hwb(218 16% 72%)
- OKLCH
- oklch(0.323 0.039 260.4)
- OKLab
- oklab(0.323 -0.007 -0.039)
- CIE Lab
- lab(21.31 -0.55 -14.18)
- LCH
- lch(21.31 14.19 267.8)
- CMYK
- cmyk(44% 28% 0% 72%)
Tints · Shades · Tones
Tints
- 3A4659
- 4E586A
- 626B7B
- 767F8D
- 8C939F
- A2A8B2
- B8BDC5
- CFD3D8
- E7E9EB
Shades
- 212C3D
- 1B2433
- 151C29
- 0F151F
- 090E16
- 04070D
- 020306
- 010102
- 000000
Tones
- 303B4E
- 384253
- 414A59
- 49515E
- 525964
- 5B6169
- 64686F
- 6D7075
- 77787A
Color harmonies
Complementary +180°
- 283448
Total Eclipse
- 3E321C
≈ Pullman Green
Analogous -30° +30°
- 283448
Total Eclipse
- 1D3744
≈ Into the Night
- 333047
≈ Plum Fuzz
Triadic +120° +240°
- 283448
Total Eclipse
- 462C2B
≈ Brown Coffee
- 293926
≈ Palm Green
Split-complementary +150° +210°
- 283448
Total Eclipse
- 442E21
≈ Morocco Brown
- 35361D
≈ Pullman Green
Tetradic +90° +180° +270°
- 283448
Total Eclipse
- 432B36
≈ Barossa
- 3E321C
≈ Pullman Green
- 1D3A31
≈ Palm Green
Contrast & accessibility
Ag
AAAOn white
WCAG 12.53:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.67:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--total-eclipse: #283448;
--total-eclipse-rgb: 40 52 72;
--total-eclipse-oklch: oklch(0.323 0.039 260.4);
}
.element {
color: var(--total-eclipse);
background-color: hsl(218 29% 22%);
border-color: oklch(0.323 0.039 260.4);
}Tailwind CSS v4
@theme {
--color-total-eclipse: #283448;
--color-total-eclipse-50: #eff5ff;
--color-total-eclipse-100: #e1e8f6;
--color-total-eclipse-200: #cbd5e6;
--color-total-eclipse-300: #adb8cc;
--color-total-eclipse-400: #919fb6;
--color-total-eclipse-500: #7787a1;
--color-total-eclipse-600: #657288;
--color-total-eclipse-700: #515b6d;
--color-total-eclipse-800: #3a4350;
--color-total-eclipse-900: #282e38;
--color-total-eclipse-950: #161b22;
}SCSS
$total-eclipse: #283448;
$total-eclipse-rgb: 40, 52, 72;
$total-eclipse-light: mix(#fff, $total-eclipse, 20%);
$total-eclipse-dark: mix(#000, $total-eclipse, 20%);
.element {
color: $total-eclipse;
box-shadow: 0 0 0 2px rgba($total-eclipse, 0.35);
}