Nearest named color · #211F49
#211F49
Nearest named color: Azulado
#211F49 (rgb(33 31 73), hsl(243 40% 20%), oklch(0.267 0.076 282.1)) is closest to the named color Azulado. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#211F49
oklch(0.267 0.076 282.1)
Color conversions
- HEX
- #211f49
- RGB
- rgb(33 31 73)
- HSL
- hsl(243 40% 20%)
- HWB
- hwb(243 12% 71%)
- OKLCH
- oklch(0.267 0.076 282.1)
- OKLab
- oklab(0.267 0.016 -0.074)
- CIE Lab
- lab(13.97 11.42 -26.42)
- LCH
- lch(13.97 28.78 293.4)
- CMYK
- cmyk(55% 58% 0% 71%)
Tints · Shades · Tones
Tints
- 33335A
- 46476C
- 5A5C7D
- 70728F
- 8688A1
- 9D9FB4
- B5B6C6
- CDCED9
- E6E6EC
Shades
- 1B193E
- 161434
- 100F2A
- 0B0A20
- 060617
- 03030E
- 010106
- 000002
- 000000
Tones
- 29294F
- 323255
- 3A3B5A
- 444560
- 4D4E65
- 57586B
- 616270
- 6B6C76
- 75767B
Color harmonies
Complementary +180°
- 211F49
Azulado
- 2B2600
≈ Black Swan
Analogous -30° +30°
- 211F49
Azulado
- 032649
≈ Rhapsody in Blue
- 321940
≈ Blackcurrant
Triadic +120° +240°
- 211F49
Azulado
- 431602
≈ Old Study
- 002E1D
≈ Bush
Split-complementary +150° +210°
- 211F49
Azulado
- 362000
≈ Black Swan
- 172D00
≈ Diminishing Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 15.47:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.35:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.47:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--azulado: #211f49;
--azulado-rgb: 33 31 73;
--azulado-oklch: oklch(0.267 0.076 282.1);
}
.element {
color: var(--azulado);
background-color: hsl(243 40% 20%);
border-color: oklch(0.267 0.076 282.1);
}Tailwind CSS v4
@theme {
--color-azulado: #211f49;
--color-azulado-50: #f2f3ff;
--color-azulado-100: #e4e5ff;
--color-azulado-200: #d0d1f4;
--color-azulado-300: #b2b3de;
--color-azulado-400: #9799cb;
--color-azulado-500: #7e80b7;
--color-azulado-600: #6b6c9b;
--color-azulado-700: #55577c;
--color-azulado-800: #3d3f5c;
--color-azulado-900: #2a2c41;
--color-azulado-950: #181929;
}SCSS
$azulado: #211f49;
$azulado-rgb: 33, 31, 73;
$azulado-light: mix(#fff, $azulado, 20%);
$azulado-dark: mix(#000, $azulado, 20%);
.element {
color: $azulado;
box-shadow: 0 0 0 2px rgba($azulado, 0.35);
}