Cor nomeada mais próxima · #141723
#141723
Cor nomeada mais próxima: Eigengrau
#141723 (rgb(20 23 35), hsl(228 27% 11%), oklch(0.208 0.024 273.3)) é mais próxima da cor nomeada Eigengrau. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#141723
oklch(0.208 0.024 273.3)
Conversões de cor
- HEX
- #141723
- RGB
- rgb(20 23 35)
- HSL
- hsl(228 27% 11%)
- HWB
- hwb(228 8% 86%)
- OKLCH
- oklch(0.208 0.024 273.3)
- OKLab
- oklab(0.208 0.001 -0.024)
- CIE Lab
- lab(7.87 1.4 -8.89)
- LCH
- lch(7.87 9 279)
- CMYK
- cmyk(43% 34% 0% 86%)
Tons claros · Sombras · Tons
Tons claros
- 272A36
- 3B3E49
- 51545E
- 676A73
- 7F8189
- 97999F
- B0B1B7
- CACBCE
- E4E5E6
Sombras
- 10121D
- 0C0E17
- 080A11
- 05060C
- 030407
- 010204
- 010101
- 000000
- 000000
Tons
- 1D202C
- 272A34
- 31343D
- 3C3E46
- 46484F
- 515359
- 5D5E62
- 68696C
- 747476
Harmonias de cor
Complementar +180°
- 141723
Eigengrau
- 1B180A
≈ Noir Mystique
Análoga -30° +30°
- 141723
Eigengrau
- 0E1922
≈ Black Stallion
- 1A1521
≈ Violet Void
Tríade +120° +240°
- 141723
Eigengrau
- 221410
≈ Bighorn Sheep
- 0F1B12
≈ Pinch of Pepper
Complementar dividida +150° +210°
- 141723
Eigengrau
- 20150C
≈ Soulless
- 151A0D
≈ Pinch of Pepper
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 17.84:1 · APCA Lc 105
Ag
FailSobre preto
WCAG 1.17:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--eigengrau: #141723;
--eigengrau-rgb: 20 23 35;
--eigengrau-oklch: oklch(0.208 0.024 273.3);
}
.element {
color: var(--eigengrau);
background-color: hsl(228 27% 11%);
border-color: oklch(0.208 0.024 273.3);
}Tailwind CSS v4
@theme {
--color-eigengrau: #141723;
--color-eigengrau-50: #f3f5fc;
--color-eigengrau-100: #e5e7f0;
--color-eigengrau-200: #d1d4df;
--color-eigengrau-300: #b3b7c4;
--color-eigengrau-400: #999ead;
--color-eigengrau-500: #818597;
--color-eigengrau-600: #6d7180;
--color-eigengrau-700: #575a66;
--color-eigengrau-800: #3f424b;
--color-eigengrau-900: #2b2e34;
--color-eigengrau-950: #191a20;
}SCSS
$eigengrau: #141723;
$eigengrau-rgb: 20, 23, 35;
$eigengrau-light: mix(#fff, $eigengrau, 20%);
$eigengrau-dark: mix(#000, $eigengrau, 20%);
.element {
color: $eigengrau;
box-shadow: 0 0 0 2px rgba($eigengrau, 0.35);
}