Named color · #1E272C
Black Pearl
Black Pearl is #1E272C: rgb(30 39 44), hsl(201 19% 15%), oklch(0.266 0.016 232.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Black Pearl color name →
#1E272C
oklch(0.266 0.016 232.5)
Color conversions
- HEX
- #1e272c
- RGB
- rgb(30 39 44)
- HSL
- hsl(201 19% 15%)
- HWB
- hwb(201 12% 83%)
- OKLCH
- oklch(0.266 0.016 232.5)
- OKLab
- oklab(0.266 -0.01 -0.012)
- CIE Lab
- lab(14.93 -2.99 -4.68)
- LCH
- lch(14.93 5.56 237.4)
- CMYK
- cmyk(32% 11% 0% 83%)
Tints · Shades · Tones
Tints
- 31393E
- 454D51
- 596165
- 6F7579
- 868B8E
- 9DA1A4
- B4B8BA
- CDCFD0
- E6E7E7
Shades
- 192025
- 131A1E
- 0E1417
- 090E11
- 05080A
- 030405
- 010202
- 000101
- 000000
Tones
- 272F34
- 30373C
- 394044
- 43494C
- 4D5154
- 565A5D
- 616465
- 6B6D6E
- 757677
Color harmonies
Complementary +180°
- 1E272C
Black Pearl
- 2C241F
≈ Gold Black
Analogous -30° +30°
- 1E272C
Black Pearl
- 1D2829
≈ Black Pearl
- 21262D
≈ Black Beauty
Triadic +120° +240°
- 1E272C
Black Pearl
- 2C2226
≈ Shikon
- 25261E
≈ Black Chestnut Oak
Split-complementary +150° +210°
- 1E272C
Black Pearl
- 2D2322
≈ Gold Black
- 29251D
≈ Orka Black
Tetradic +90° +180° +270°
- 1E272C
Black Pearl
- 29232A
≈ Darth Vader
- 2C241F
≈ Gold Black
- 212821
≈ Bitter Liquorice
Contrast & accessibility
Ag
AAAOn white
WCAG 15.19:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.38:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.19:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--black-pearl: #1e272c;
--black-pearl-rgb: 30 39 44;
--black-pearl-oklch: oklch(0.266 0.016 232.5);
}
.element {
color: var(--black-pearl);
background-color: hsl(201 19% 15%);
border-color: oklch(0.266 0.016 232.5);
}Tailwind CSS v4
@theme {
--color-black-pearl: #1e272c;
--color-black-pearl-50: #f1f6f9;
--color-black-pearl-100: #e3e9ec;
--color-black-pearl-200: #ced5da;
--color-black-pearl-300: #b0b9be;
--color-black-pearl-400: #96a0a6;
--color-black-pearl-500: #7c888f;
--color-black-pearl-600: #697379;
--color-black-pearl-700: #545c61;
--color-black-pearl-800: #3d4347;
--color-black-pearl-900: #2a2f31;
--color-black-pearl-950: #181b1d;
}SCSS
$black-pearl: #1e272c;
$black-pearl-rgb: 30, 39, 44;
$black-pearl-light: mix(#fff, $black-pearl, 20%);
$black-pearl-dark: mix(#000, $black-pearl, 20%);
.element {
color: $black-pearl;
box-shadow: 0 0 0 2px rgba($black-pearl, 0.35);
}