Nearest named color · #09071B
#09071B
Nearest named color: Corbeau
#09071B (rgb(9 7 27), hsl(246 59% 7%), oklch(0.146 0.042 285)) is closest to the named color Corbeau. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#09071B
oklch(0.146 0.042 285)
Color conversions
- HEX
- #09071b
- RGB
- rgb(9 7 27)
- HSL
- hsl(246 59% 7%)
- HWB
- hwb(246 3% 89%)
- OKLCH
- oklch(0.146 0.042 285)
- OKLab
- oklab(0.146 0.011 -0.041)
- CIE Lab
- lab(2.53 3.56 -10.83)
- LCH
- lch(2.53 11.4 288.2)
- CMYK
- cmyk(67% 74% 0% 89%)
Tints · Shades · Tones
Tints
- 1B1A2E
- 303043
- 464658
- 5E5E6E
- 777785
- 90909C
- ABABB4
- C6C6CC
- E2E2E5
Shades
- 070516
- 050411
- 03020C
- 020208
- 010105
- 010002
- 000001
- 000000
- 000000
Tones
- 121124
- 1D1C2E
- 282738
- 333342
- 3F3F4C
- 4B4B56
- 585860
- 65656B
- 727275
Color harmonies
Complementary +180°
- 09071B
Corbeau
- 0C0B00
≈ Whiten’t
Analogous -30° +30°
- 09071B
Corbeau
- 010A1B
≈ Melanophobia
- 110516
≈ Not Tonight
Triadic +120° +240°
- 09071B
Corbeau
- 180400
≈ Soy Sauce
- 000E07
≈ Blackn’t
Split-complementary +150° +210°
- 09071B
Corbeau
- 120800
≈ Blackout
- 040E00
≈ Blackn’t
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 19.85:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.05:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.85:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--corbeau: #09071b;
--corbeau-rgb: 9 7 27;
--corbeau-oklch: oklch(0.146 0.042 285);
}
.element {
color: var(--corbeau);
background-color: hsl(246 59% 7%);
border-color: oklch(0.146 0.042 285);
}Tailwind CSS v4
@theme {
--color-corbeau: #09071b;
--color-corbeau-50: #f4f4ff;
--color-corbeau-100: #e6e6f6;
--color-corbeau-200: #d2d2e6;
--color-corbeau-300: #b5b5cd;
--color-corbeau-400: #9b9bb7;
--color-corbeau-500: #8383a2;
--color-corbeau-600: #6f6f89;
--color-corbeau-700: #58586e;
--color-corbeau-800: #404151;
--color-corbeau-900: #2c2d38;
--color-corbeau-950: #191a23;
}SCSS
$corbeau: #09071b;
$corbeau-rgb: 9, 7, 27;
$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);
}