Nearest named color · #433FA0
#433FA0
Nearest named color: Blueberry
#433FA0 (rgb(67 63 160), hsl(242 43% 44%), oklch(0.43 0.152 279.7)) is closest to the named color Blueberry. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#433FA0
oklch(0.43 0.152 279.7)
Color conversions
- HEX
- #433fa0
- RGB
- rgb(67 63 160)
- HSL
- hsl(242 43% 44%)
- HWB
- hwb(242 25% 37%)
- OKLCH
- oklch(0.43 0.152 279.7)
- OKLab
- oklab(0.43 0.026 -0.15)
- CIE Lab
- lab(31.68 24.54 -53.31)
- LCH
- lch(31.68 58.68 294.7)
- CMYK
- cmyk(58% 61% 0% 37%)
Tints · Shades · Tones
Tints
- 5253AB
- 6366B5
- 7479BF
- 868CC9
- 999ED3
- ACB1DC
- C0C4E5
- D5D8EE
- EAEBF7
Shades
- 39358B
- 2F2C76
- 262361
- 1D1B4E
- 14123B
- 0C0A29
- 050419
- 010109
- 000001
Tones
- 48479E
- 4D4E9B
- 535699
- 585C96
- 5F6393
- 656990
- 6B6F8C
- 727588
- 797A84
Color harmonies
Complementary +180°
- 433FA0
Blueberry
- 5C5000
≈ Scorzonera Brown
Analogous -30° +30°
- 433FA0
Blueberry
- 00528E
≈ Lapis Blue
- 692F8D
≈ True Purple
Triadic +120° +240°
- 433FA0
Blueberry
- 8A2C00
≈ Red Tone Ink
- 00603C
≈ Spruce
Split-complementary +150° +210°
- 433FA0
Blueberry
- 704500
≈ Flat Brown
- 3A5B00
≈ Lustrian Undergrowth
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.54:1 · APCA Lc 89
Ag
FailOn black
WCAG 2.45:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--blueberry: #433fa0;
--blueberry-rgb: 67 63 160;
--blueberry-oklch: oklch(0.43 0.152 279.7);
}
.element {
color: var(--blueberry);
background-color: hsl(242 43% 44%);
border-color: oklch(0.43 0.152 279.7);
}Tailwind CSS v4
@theme {
--color-blueberry: #433fa0;
--color-blueberry-50: #edf1ff;
--color-blueberry-100: #dfe3ff;
--color-blueberry-200: #c9cdff;
--color-blueberry-300: #abadff;
--color-blueberry-400: #8d92f6;
--color-blueberry-500: #7476e8;
--color-blueberry-600: #6364c3;
--color-blueberry-700: #4f509d;
--color-blueberry-800: #373b76;
--color-blueberry-900: #252853;
--color-blueberry-950: #141638;
}SCSS
$blueberry: #433fa0;
$blueberry-rgb: 67, 63, 160;
$blueberry-light: mix(#fff, $blueberry, 20%);
$blueberry-dark: mix(#000, $blueberry, 20%);
.element {
color: $blueberry;
box-shadow: 0 0 0 2px rgba($blueberry, 0.35);
}