Nearest named color · #433C6E
#433C6E
Nearest named color: Meteorite
#433C6E (rgb(67 60 110), hsl(248 29% 33%), oklch(0.388 0.083 288.3)) is closest to the named color Meteorite. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#433C6E
oklch(0.388 0.083 288.3)
Color conversions
- HEX
- #433c6e
- RGB
- rgb(67 60 110)
- HSL
- hsl(248 29% 33%)
- HWB
- hwb(248 24% 57%)
- OKLCH
- oklch(0.388 0.083 288.3)
- OKLab
- oklab(0.388 0.026 -0.079)
- CIE Lab
- lab(27.94 13.26 -28.4)
- LCH
- lch(27.94 31.34 295)
- CMYK
- cmyk(39% 45% 0% 57%)
Tints · Shades · Tones
Tints
- 534E7C
- 64608A
- 767399
- 8886A7
- 9B99B6
- AEADC4
- C2C1D3
- D6D5E1
- EAEAF0
Shades
- 39335F
- 2F2A50
- 262141
- 1D1933
- 141126
- 0C0A19
- 05040E
- 010104
- 000001
Tones
- 494370
- 4E4A72
- 545174
- 5A5776
- 605E78
- 66657A
- 6D6C7C
- 73727D
- 79797F
Color harmonies
Complementary +180°
- 433C6E
Meteorite
- 494701
≈ Alligator Gladiator
Analogous -30° +30°
- 433C6E
Meteorite
- 274470
≈ Blue Funk
- 573561
≈ Damson Mauve
Triadic +120° +240°
- 433C6E
Meteorite
- 673518
≈ Meatloaf
- 00513D
≈ Raspberry Leaf Green
Split-complementary +150° +210°
- 433C6E
Meteorite
- 5C3E00
≈ Hippogriff Brown
- 2C4F20
≈ Chestnut Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.95:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.11:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 9.95:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--meteorite: #433c6e;
--meteorite-rgb: 67 60 110;
--meteorite-oklch: oklch(0.388 0.083 288.3);
}
.element {
color: var(--meteorite);
background-color: hsl(248 29% 33%);
border-color: oklch(0.388 0.083 288.3);
}Tailwind CSS v4
@theme {
--color-meteorite: #433c6e;
--color-meteorite-50: #f4f2ff;
--color-meteorite-100: #e7e4ff;
--color-meteorite-200: #d3cff6;
--color-meteorite-300: #b6b1e0;
--color-meteorite-400: #9c97cd;
--color-meteorite-500: #847dba;
--color-meteorite-600: #6f6a9d;
--color-meteorite-700: #59557e;
--color-meteorite-800: #403e5e;
--color-meteorite-900: #2c2b42;
--color-meteorite-950: #19182a;
}SCSS
$meteorite: #433c6e;
$meteorite-rgb: 67, 60, 110;
$meteorite-light: mix(#fff, $meteorite, 20%);
$meteorite-dark: mix(#000, $meteorite, 20%);
.element {
color: $meteorite;
box-shadow: 0 0 0 2px rgba($meteorite, 0.35);
}