Nearest named color · #333863
#333863
Nearest named color: Galaxea
#333863 (rgb(51 56 99), hsl(234 32% 29%), oklch(0.358 0.074 276.9)) is closest to the named color Galaxea. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#333863
oklch(0.358 0.074 276.9)
Color conversions
- HEX
- #333863
- RGB
- rgb(51 56 99)
- HSL
- hsl(234 32% 29%)
- HWB
- hwb(234 20% 61%)
- OKLCH
- oklch(0.358 0.074 276.9)
- OKLab
- oklab(0.358 0.009 -0.074)
- CIE Lab
- lab(24.73 7.76 -26.53)
- LCH
- lch(24.73 27.64 286.3)
- CMYK
- cmyk(48% 43% 0% 61%)
Tints · Shades · Tones
Tints
- 444A72
- 575C81
- 6A6F90
- 7D83A0
- 9296AF
- A7ABBF
- BCBFCF
- D2D4DF
- E8E9EF
Shades
- 2B2F55
- 232747
- 1C1F3A
- 14172E
- 0D0F21
- 070816
- 03040B
- 010103
- 000000
Tones
- 3A3F66
- 41466A
- 484D6D
- 505570
- 585C73
- 5F6375
- 676A78
- 6F717B
- 78797D
Color harmonies
Complementary +180°
- 333863
Galaxea
- 483C00
≈ Xanthophobia
Analogous -30° +30°
- 333863
Galaxea
- 163F61
≈ Poseidon
- 47315B
≈ Scarlet Gum
Triadic +120° +240°
- 333863
Galaxea
- 5D2D1F
≈ Kōrozen
- 11482C
≈ Alaskan Moss
Split-complementary +150° +210°
- 333863
Galaxea
- 563406
≈ Eyelash Camel
- 324314
≈ Hinterlands Green
Tetradic +90° +180° +270°
- 333863
Galaxea
- 5C2A36
≈ Dubonnet
- 483C00
≈ Xanthophobia
- 004742
≈ Cyprus
Contrast & accessibility
Ag
AAAOn white
WCAG 11.13:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.88:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.13:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--galaxea: #333863;
--galaxea-rgb: 51 56 99;
--galaxea-oklch: oklch(0.358 0.074 276.9);
}
.element {
color: var(--galaxea);
background-color: hsl(234 32% 29%);
border-color: oklch(0.358 0.074 276.9);
}Tailwind CSS v4
@theme {
--color-galaxea: #333863;
--color-galaxea-50: #f0f4ff;
--color-galaxea-100: #e2e6ff;
--color-galaxea-200: #cdd2f4;
--color-galaxea-300: #afb4de;
--color-galaxea-400: #939bcb;
--color-galaxea-500: #7982b7;
--color-galaxea-600: #676e9b;
--color-galaxea-700: #52587c;
--color-galaxea-800: #3b405c;
--color-galaxea-900: #282c41;
--color-galaxea-950: #161929;
}SCSS
$galaxea: #333863;
$galaxea-rgb: 51, 56, 99;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}