Cor nomeada mais próxima · #232217
#232217
Cor nomeada mais próxima: Underworld
#232217 (rgb(35 34 23), hsl(55 21% 11%), oklch(0.249 0.02 103.4)) é mais próxima da cor nomeada Underworld. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#232217
oklch(0.249 0.02 103.4)
Conversões de cor
- HEX
- #232217
- RGB
- rgb(35 34 23)
- HSL
- hsl(55 21% 11%)
- HWB
- hwb(55 9% 86%)
- OKLCH
- oklch(0.249 0.02 103.4)
- OKLab
- oklab(0.249 -0.005 0.019)
- CIE Lab
- lab(13.06 -1.25 7.63)
- LCH
- lch(13.06 7.73 99.3)
- CMYK
- cmyk(0% 3% 34% 86%)
Tons claros · Sombras · Tons
Tons claros
- 35342A
- 49483E
- 5D5D54
- 72726A
- 888881
- 9F9F99
- B6B6B2
- CECECB
- E6E6E5
Sombras
- 1D1C12
- 17160E
- 11110A
- 0C0B06
- 070704
- 040302
- 010101
- 000000
- 000000
Tons
- 2B2A20
- 34332A
- 3D3C34
- 46453E
- 4F4F49
- 595853
- 62625E
- 6C6C69
- 767675
Harmonias de cor
Complementar +180°
- 232217
Underworld
- 20202B
≈ Black Howl
Análoga -30° +30°
- 232217
Underworld
- 272017
≈ Weathervane
- 1E241A
≈ Underworld
Tríade +120° +240°
- 232217
Underworld
- 172428
≈ Sunken Ship
- 281E24
≈ Ink Black
Complementar dividida +150° +210°
- 232217
Underworld
- 1B222B
≈ Dark
- 251F28
≈ To Hell and Black
Tétrade +90° +180° +270°
- 232217
Underworld
- 162524
≈ Shadow Warrior
- 20202B
≈ Black Howl
- 2A1E1F
≈ Velvet Black
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 15.99:1 · APCA Lc 103
Ag
FailSobre preto
WCAG 1.31:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 15.99:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--underworld: #232217;
--underworld-rgb: 35 34 23;
--underworld-oklch: oklch(0.249 0.02 103.4);
}
.element {
color: var(--underworld);
background-color: hsl(55 21% 11%);
border-color: oklch(0.249 0.02 103.4);
}Tailwind CSS v4
@theme {
--color-underworld: #232217;
--color-underworld-50: #f6f5ef;
--color-underworld-100: #e8e8e1;
--color-underworld-200: #d5d5cb;
--color-underworld-300: #b8b8ad;
--color-underworld-400: #a09f92;
--color-underworld-500: #888778;
--color-underworld-600: #737266;
--color-underworld-700: #5c5b51;
--color-underworld-800: #44433b;
--color-underworld-900: #2f2e28;
--color-underworld-950: #1b1b16;
}SCSS
$underworld: #232217;
$underworld-rgb: 35, 34, 23;
$underworld-light: mix(#fff, $underworld, 20%);
$underworld-dark: mix(#000, $underworld, 20%);
.element {
color: $underworld;
box-shadow: 0 0 0 2px rgba($underworld, 0.35);
}