Named color · #1F3636
Fait Accompli
Fait Accompli is #1F3636: rgb(31 54 54), hsl(180 27% 17%), oklch(0.314 0.029 195.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Fait Accompli color name →
#1F3636
oklch(0.314 0.029 195.8)
Color conversions
- HEX
- #1f3636
- RGB
- rgb(31 54 54)
- HSL
- hsl(180 27% 17%)
- HWB
- hwb(180 12% 79%)
- OKLCH
- oklch(0.314 0.029 195.8)
- OKLab
- oklab(0.314 -0.028 -0.008)
- CIE Lab
- lab(20.72 -9.41 -3.02)
- LCH
- lch(20.72 9.88 197.8)
- CMYK
- cmyk(43% 0% 0% 79%)
Tints · Shades · Tones
Tints
- 334847
- 475A5A
- 5C6D6D
- 718080
- 889494
- 9EA9A9
- B6BEBE
- CED3D3
- E6E9E9
Shades
- 192E2E
- 142525
- 0F1E1E
- 0A1616
- 060F0F
- 030808
- 010303
- 000101
- 000000
Tones
- 283D3D
- 324444
- 3B4B4B
- 455252
- 4E5A5A
- 586161
- 626969
- 6C7070
- 767878
Color harmonies
Complementary +180°
- 1F3636
Fait Accompli
- 3F2B2C
≈ Wenge Black
Analogous -30° +30°
- 1F3636
Fait Accompli
- 23362E
≈ Holly
- 21353D
≈ Petrol Slumber
Triadic +120° +240°
- 1F3636
Fait Accompli
- 372D3B
≈ Valentino Nero
- 3A2F21
≈ Cola
Split-complementary +150° +210°
- 1F3636
Fait Accompli
- 3C2B34
≈ Late Night Out
- 3E2D25
≈ Granite Brown
Tetradic +90° +180° +270°
- 1F3636
Fait Accompli
- 302F40
≈ Atlantic Charter
- 3F2B2C
≈ Wenge Black
- 333221
≈ Fuchsia Berries
Contrast & accessibility
Ag
AAAOn white
WCAG 12.81:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.63:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.81:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--fait-accompli: #1f3636;
--fait-accompli-rgb: 31 54 54;
--fait-accompli-oklch: oklch(0.314 0.029 195.8);
}
.element {
color: var(--fait-accompli);
background-color: hsl(180 27% 17%);
border-color: oklch(0.314 0.029 195.8);
}Tailwind CSS v4
@theme {
--color-fait-accompli: #1f3636;
--color-fait-accompli-50: #ecf8f8;
--color-fait-accompli-100: #ddebeb;
--color-fait-accompli-200: #c7d8d9;
--color-fait-accompli-300: #a7bcbd;
--color-fait-accompli-400: #8ba4a4;
--color-fait-accompli-500: #708c8c;
--color-fait-accompli-600: #5f7777;
--color-fait-accompli-700: #4c5f5f;
--color-fait-accompli-800: #374645;
--color-fait-accompli-900: #263030;
--color-fait-accompli-950: #141c1c;
}SCSS
$fait-accompli: #1f3636;
$fait-accompli-rgb: 31, 54, 54;
$fait-accompli-light: mix(#fff, $fait-accompli, 20%);
$fait-accompli-dark: mix(#000, $fait-accompli, 20%);
.element {
color: $fait-accompli;
box-shadow: 0 0 0 2px rgba($fait-accompli, 0.35);
}