Nearest named color · #0F1324
#0F1324
Nearest named color: Corbeau
#0F1324 (rgb(15 19 36), hsl(229 41% 10%), oklch(0.192 0.035 272.7)) is closest to the named color Corbeau. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0F1324
oklch(0.192 0.035 272.7)
Color conversions
- HEX
- #0f1324
- RGB
- rgb(15 19 36)
- HSL
- hsl(229 41% 10%)
- HWB
- hwb(229 6% 86%)
- OKLCH
- oklch(0.192 0.035 272.7)
- OKLab
- oklab(0.192 0.002 -0.035)
- CIE Lab
- lab(6.14 2.25 -12.34)
- LCH
- lch(6.14 12.54 280.3)
- CMYK
- cmyk(58% 47% 0% 86%)
Tints · Shades · Tones
Tints
- 222637
- 363B4B
- 4C505F
- 636774
- 7B7F8A
- 9497A0
- AEB0B7
- C8CACF
- E3E4E7
Shades
- 0B0F1E
- 080B18
- 050712
- 03050C
- 020307
- 010104
- 000102
- 000000
- 000000
Tones
- 191D2D
- 232735
- 2D313E
- 383B47
- 434650
- 4F515A
- 5B5D63
- 67686D
- 737476
Color harmonies
Complementary +180°
- 0F1324
Corbeau
- 1A1402
≈ Crowshead
Analogous -30° +30°
- 0F1324
Corbeau
- 051623
≈ Creeping Death
- 171021
≈ Corbeau
Triadic +120° +240°
- 0F1324
Corbeau
- 220E0A
≈ Bighorn Sheep
- 07190C
≈ Pinch of Pepper
Split-complementary +150° +210°
- 0F1324
Corbeau
- 1F1004
≈ Crowshead
- 111705
≈ Pinch of Pepper
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 18.43:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.13:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.43:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--corbeau: #0f1324;
--corbeau-rgb: 15 19 36;
--corbeau-oklch: oklch(0.192 0.035 272.7);
}
.element {
color: var(--corbeau);
background-color: hsl(229 41% 10%);
border-color: oklch(0.192 0.035 272.7);
}Tailwind CSS v4
@theme {
--color-corbeau: #0f1324;
--color-corbeau-50: #f2f5ff;
--color-corbeau-100: #e4e7f4;
--color-corbeau-200: #cfd3e4;
--color-corbeau-300: #b2b6ca;
--color-corbeau-400: #979eb4;
--color-corbeau-500: #7e859e;
--color-corbeau-600: #6b7186;
--color-corbeau-700: #555a6b;
--color-corbeau-800: #3e424f;
--color-corbeau-900: #2a2e37;
--color-corbeau-950: #181a22;
}SCSS
$corbeau: #0f1324;
$corbeau-rgb: 15, 19, 36;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}