Nearest named color · #3645B0
#3645B0
Nearest named color: Denim
#3645B0 (rgb(54 69 176), hsl(233 53% 45%), oklch(0.446 0.17 271.5)) is closest to the named color Denim. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3645B0
oklch(0.446 0.17 271.5)
Color conversions
- HEX
- #3645b0
- RGB
- rgb(54 69 176)
- HSL
- hsl(233 53% 45%)
- HWB
- hwb(233 21% 31%)
- OKLCH
- oklch(0.446 0.17 271.5)
- OKLab
- oklab(0.446 0.005 -0.17)
- CIE Lab
- lab(33.39 22.9 -60.13)
- LCH
- lch(33.39 64.35 290.8)
- CMYK
- cmyk(69% 61% 0% 31%)
Tints · Shades · Tones
Tints
- 4659B9
- 586CC2
- 6A7ECB
- 7E91D3
- 92A3DB
- A7B5E3
- BCC7EB
- D2DAF2
- E8ECF9
Shades
- 2E3B99
- 253182
- 1E276C
- 161E56
- 0F1542
- 080C2E
- 03051C
- 01020B
- 000001
Tones
- 3C4DAC
- 4254A8
- 495BA4
- 51619F
- 58669B
- 606C96
- 687191
- 70768C
- 787B86
Color harmonies
Complementary +180°
- 3645B0
Denim
- 675200
≈ Olive Brown
Analogous -30° +30°
- 3645B0
Denim
- 005A88
≈ Impulse
- 6732A0
≈ Purple Heart
Triadic +120° +240°
Split-complementary +150° +210°
- 3645B0
Denim
- 7C4400
≈ Dusky Brown
- 4B5D00
≈ Kyuri Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.96:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.63:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--denim: #3645b0;
--denim-rgb: 54 69 176;
--denim-oklch: oklch(0.446 0.17 271.5);
}
.element {
color: var(--denim);
background-color: hsl(233 53% 45%);
border-color: oklch(0.446 0.17 271.5);
}Tailwind CSS v4
@theme {
--color-denim: #3645b0;
--color-denim-50: #e5f3ff;
--color-denim-100: #d5e5ff;
--color-denim-200: #bdcfff;
--color-denim-300: #9cb0ff;
--color-denim-400: #7b95ff;
--color-denim-500: #6079f5;
--color-denim-600: #5166ce;
--color-denim-700: #4152a6;
--color-denim-800: #2c3c7c;
--color-denim-900: #1d2a58;
--color-denim-950: #0e173c;
}SCSS
$denim: #3645b0;
$denim-rgb: 54, 69, 176;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}