Cor nomeada mais próxima · #1E1400
#1E1400
Cor nomeada mais próxima: Noir Mystique
#1E1400 (rgb(30 20 0), hsl(40 100% 6%), oklch(0.199 0.041 85.5)) é mais próxima da cor nomeada Noir Mystique. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1E1400
oklch(0.199 0.041 85.5)
Conversões de cor
- HEX
- #1e1400
- RGB
- rgb(30 20 0)
- HSL
- hsl(40 100% 6%)
- HWB
- hwb(40 0% 88%)
- OKLCH
- oklch(0.199 0.041 85.5)
- OKLab
- oklab(0.199 0.003 0.041)
- CIE Lab
- lab(7.14 2.97 10.69)
- LCH
- lch(7.14 11.09 74.5)
- CMYK
- cmyk(0% 33% 100% 88%)
Tons claros · Sombras · Tons
Tons claros
- 312712
- 453C29
- 595140
- 6F6859
- 867F73
- 9D988D
- B4B1A8
- CDCAC5
- E6E4E1
Sombras
- 191000
- 130C00
- 0E0800
- 090500
- 050300
- 030100
- 010100
- 000000
- 000000
Tons
- 271E09
- 302715
- 393222
- 433C2E
- 4C473B
- 565248
- 615D56
- 6B6964
- 757472
Harmonias de cor
Complementar +180°
- 1E1400
Noir Mystique
- 0D1528
≈ Corbeau
Análoga -30° +30°
- 1E1400
Noir Mystique
- 231003
≈ Severely Burnt Toast
- 151802
≈ Pinch of Pepper
Tríade +120° +240°
- 1E1400
Noir Mystique
- 001A1D
≈ Black Stallion
- 1F0F20
≈ Shot in the Dark
Complementar dividida +150° +210°
- 1E1400
Noir Mystique
- 011825
≈ Creeping Death
- 171226
≈ Corbeau
Tétrade +90° +180° +270°
- 1E1400
Noir Mystique
- 001B15
≈ Pinch of Pepper
- 0D1528
≈ Corbeau
- 240D16
≈ Italian Roast
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 18.17:1 · APCA Lc 105
Ag
FailSobre preto
WCAG 1.15:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 18.17:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--noir-mystique: #1e1400;
--noir-mystique-rgb: 30 20 0;
--noir-mystique-oklch: oklch(0.199 0.041 85.5);
}
.element {
color: var(--noir-mystique);
background-color: hsl(40 100% 6%);
border-color: oklch(0.199 0.041 85.5);
}Tailwind CSS v4
@theme {
--color-noir-mystique: #1e1400;
--color-noir-mystique-50: #faf5e8;
--color-noir-mystique-100: #eee7d9;
--color-noir-mystique-200: #dcd4c1;
--color-noir-mystique-300: #c0b7a0;
--color-noir-mystique-400: #a99d84;
--color-noir-mystique-500: #928568;
--color-noir-mystique-600: #7c7058;
--color-noir-mystique-700: #635a46;
--color-noir-mystique-800: #494132;
--color-noir-mystique-900: #332d22;
--color-noir-mystique-950: #1e1a11;
}SCSS
$noir-mystique: #1e1400;
$noir-mystique-rgb: 30, 20, 0;
$noir-mystique-light: mix(#fff, $noir-mystique, 20%);
$noir-mystique-dark: mix(#000, $noir-mystique, 20%);
.element {
color: $noir-mystique;
box-shadow: 0 0 0 2px rgba($noir-mystique, 0.35);
}