Nearest named color · #4C4BD7
#4C4BD7
Nearest named color: Warm Blue
#4C4BD7 (rgb(76 75 215), hsl(240 64% 57%), oklch(0.504 0.208 276.2)) is closest to the named color Warm Blue. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4C4BD7
oklch(0.504 0.208 276.2)
Color conversions
- HEX
- #4c4bd7
- RGB
- rgb(76 75 215)
- HSL
- hsl(240 64% 57%)
- HWB
- hwb(240 29% 16%)
- OKLCH
- oklch(0.504 0.208 276.2)
- OKLab
- oklab(0.504 0.023 -0.207)
- CIE Lab
- lab(39.19 34.45 -73.3)
- LCH
- lch(39.19 81 295.2)
- CMYK
- cmyk(65% 65% 0% 16%)
Tints · Shades · Tones
Tints
- 5A60DD
- 6973E2
- 7985E7
- 8B97EC
- 9DA9F0
- AFBAF4
- C3CBF8
- D6DDFB
- EAEEFD
Shades
- 4140BB
- 36359F
- 2C2B85
- 22216B
- 181752
- 0F0E3B
- 060625
- 020211
- 000002
Tones
- 4F53CF
- 535AC7
- 5861BF
- 5D66B7
- 626CAE
- 6870A6
- 6D759D
- 737994
- 7A7D8A
Color harmonies
Complementary +180°
- 4C4BD7
Warm Blue
- 766300
≈ Spicy Mustard
Analogous -30° +30°
- 4C4BD7
Warm Blue
- 0069A9
≈ Medium Persian Blue
- 8333BF
≈ Pheromone Purple
Triadic +120° +240°
- 4C4BD7
Warm Blue
- B03000
≈ Rusty Red
- 007846
≈ Gale of the Wind
Split-complementary +150° +210°
- 4C4BD7
Warm Blue
- 8E5500
≈ Plain Old Brown
- 527000
≈ Over the Hills
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.37:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.29:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--warm-blue: #4c4bd7;
--warm-blue-rgb: 76 75 215;
--warm-blue-oklch: oklch(0.504 0.208 276.2);
}
.element {
color: var(--warm-blue);
background-color: hsl(240 64% 57%);
border-color: oklch(0.504 0.208 276.2);
}Tailwind CSS v4
@theme {
--color-warm-blue: #4c4bd7;
--color-warm-blue-50: #e7f0ff;
--color-warm-blue-100: #d7e2ff;
--color-warm-blue-200: #c0cbff;
--color-warm-blue-300: #a0aaff;
--color-warm-blue-400: #818dff;
--color-warm-blue-500: #686dff;
--color-warm-blue-600: #585de1;
--color-warm-blue-700: #464ab5;
--color-warm-blue-800: #2f3688;
--color-warm-blue-900: #202561;
--color-warm-blue-950: #101342;
}SCSS
$warm-blue: #4c4bd7;
$warm-blue-rgb: 76, 75, 215;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}