Nearest named color · #100458
#100458
Nearest named color: Ravenclaw
#100458 (rgb(16 4 88), hsl(249 91% 18%), oklch(0.224 0.134 273.8)) is closest to the named color Ravenclaw. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#100458
oklch(0.224 0.134 273.8)
Color conversions
- HEX
- #100458
- RGB
- rgb(16 4 88)
- HSL
- hsl(249 91% 18%)
- HWB
- hwb(249 2% 65%)
- OKLCH
- oklch(0.224 0.134 273.8)
- OKLab
- oklab(0.224 0.009 -0.134)
- CIE Lab
- lab(7.17 29.46 -47.88)
- LCH
- lch(7.17 56.22 301.6)
- CMYK
- cmyk(82% 95% 0% 65%)
Tints · Shades · Tones
Tints
- 1E2369
- 313B7A
- 47528B
- 5E699C
- 7781AD
- 9099BD
- ABB2CE
- C6CBDE
- E2E5EF
Shades
- 0C034B
- 09023F
- 060133
- 040128
- 02011D
- 010012
- 000009
- 000003
- 000000
Tones
- 16175D
- 1F2562
- 293167
- 343D6B
- 3F486F
- 4B5373
- 585E77
- 65697A
- 72757D
Color harmonies
Complementary +180°
- 100458
Ravenclaw
- 231B00
≈ Cannon Black
Analogous -30° +30°
- 100458
Ravenclaw
- 001D33
≈ Cyanophobia
- 280046
≈ Your Darkness
Triadic +120° +240°
- 100458
Ravenclaw
- 390600
≈ Red Bean
- 00230E
≈ Clock Chimes Thirteen
Split-complementary +150° +210°
- 100458
Ravenclaw
- 2B1500
≈ Shadow Play
- 161F00
≈ Yuzu Soy
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 17.79:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.18:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--ravenclaw: #100458;
--ravenclaw-rgb: 16 4 88;
--ravenclaw-oklch: oklch(0.224 0.134 273.8);
}
.element {
color: var(--ravenclaw);
background-color: hsl(249 91% 18%);
border-color: oklch(0.224 0.134 273.8);
}Tailwind CSS v4
@theme {
--color-ravenclaw: #100458;
--color-ravenclaw-50: #eaf3ff;
--color-ravenclaw-100: #dbe5ff;
--color-ravenclaw-200: #c4d0ff;
--color-ravenclaw-300: #a4b2fc;
--color-ravenclaw-400: #8697ed;
--color-ravenclaw-500: #6b7cde;
--color-ravenclaw-600: #5b6abb;
--color-ravenclaw-700: #485497;
--color-ravenclaw-800: #323e71;
--color-ravenclaw-900: #222b4f;
--color-ravenclaw-950: #111835;
}SCSS
$ravenclaw: #100458;
$ravenclaw-rgb: 16, 4, 88;
$ravenclaw-light: mix(#fff, $ravenclaw, 20%);
$ravenclaw-dark: mix(#000, $ravenclaw, 20%);
.element {
color: $ravenclaw;
box-shadow: 0 0 0 2px rgba($ravenclaw, 0.35);
}