Cor nomeada · #484B5A
Black Flame
Black Flame é #484B5A: rgb(72 75 90), hsl(230 11% 32%), oklch(0.416 0.025 276.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Black Flame color name →
#484B5A
oklch(0.416 0.025 276.3)
Conversões de cor
- HEX
- #484b5a
- RGB
- rgb(72 75 90)
- HSL
- hsl(230 11% 32%)
- HWB
- hwb(230 28% 65%)
- OKLCH
- oklch(0.416 0.025 276.3)
- OKLab
- oklab(0.416 0.003 -0.025)
- CIE Lab
- lab(32.05 1.47 -9.33)
- LCH
- lch(32.05 9.44 278.9)
- CMYK
- cmyk(20% 17% 0% 65%)
Tons claros · Sombras · Tons
Tons claros
- 585B69
- 696C79
- 7A7D88
- 8C8E99
- 9EA0A9
- B1B3BA
- C4C5CB
- D7D8DC
- EBEBED
Sombras
- 3D404D
- 333541
- 292B35
- 1F2129
- 16171E
- 0D0E13
- 060609
- 020203
- 000000
Tons
- 4D505E
- 535562
- 585A65
- 5E6069
- 63656D
- 696A71
- 6F7075
- 747578
- 7A7B7C
Harmonias de cor
Complementar +180°
- 484B5A
Black Flame
- 504C3D
≈ Deep Desert Shadow
Análoga -30° +30°
- 484B5A
Black Flame
- 414E59
≈ Presidential
- 4F4957
≈ House Stark Grey
Tríade +120° +240°
- 484B5A
Black Flame
- 594742
≈ Mystic Taupe
- 415046
≈ Park Avenue
Complementar dividida +150° +210°
- 484B5A
Black Flame
- 56493E
≈ Momentous Occasion
- 484F40
≈ Duffel Bag
Tétrade +90° +180° +270°
- 484B5A
Black Flame
- 59464A
≈ Alton Brown
- 504C3D
≈ Deep Desert Shadow
- 3D514E
≈ Dark Reaper
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.64:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.42:1 · APCA Lc 13
Melhor cor de texto: #FFFFFF
WCAG 8.64:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--black-flame: #484b5a;
--black-flame-rgb: 72 75 90;
--black-flame-oklch: oklch(0.416 0.025 276.3);
}
.element {
color: var(--black-flame);
background-color: hsl(230 11% 32%);
border-color: oklch(0.416 0.025 276.3);
}Tailwind CSS v4
@theme {
--color-black-flame: #484b5a;
--color-black-flame-50: #f3f5fd;
--color-black-flame-100: #e6e7f0;
--color-black-flame-200: #d1d3df;
--color-black-flame-300: #b4b6c5;
--color-black-flame-400: #9a9dae;
--color-black-flame-500: #818597;
--color-black-flame-600: #6d7180;
--color-black-flame-700: #575a66;
--color-black-flame-800: #3f424b;
--color-black-flame-900: #2c2d34;
--color-black-flame-950: #191a20;
}SCSS
$black-flame: #484b5a;
$black-flame-rgb: 72, 75, 90;
$black-flame-light: mix(#fff, $black-flame, 20%);
$black-flame-dark: mix(#000, $black-flame, 20%);
.element {
color: $black-flame;
box-shadow: 0 0 0 2px rgba($black-flame, 0.35);
}