Cor nomeada mais próxima · #250801
#250801
Cor nomeada mais próxima: Dwarf Fortress
#250801 (rgb(37 8 1), hsl(12 95% 7%), oklch(0.184 0.053 40.5)) é mais próxima da cor nomeada Dwarf Fortress. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#250801
oklch(0.184 0.053 40.5)
Conversões de cor
- HEX
- #250801
- RGB
- rgb(37 8 1)
- HSL
- hsl(12 95% 7%)
- HWB
- hwb(12 0% 85%)
- OKLCH
- oklch(0.184 0.053 40.5)
- OKLab
- oklab(0.184 0.04 0.035)
- CIE Lab
- lab(5.31 13.61 7.81)
- LCH
- lch(5.31 15.69 29.8)
- CMYK
- cmyk(0% 78% 97% 85%)
Tons claros · Sombras · Tons
Tons claros
- 391D13
- 4D3229
- 624940
- 776058
- 8D7972
- A3928D
- B9ACA8
- D0C7C4
- E7E3E1
Sombras
- 1F0601
- 190401
- 130300
- 0D0200
- 080100
- 040100
- 020000
- 000000
- 000000
Tons
- 2E1309
- 371E15
- 402A21
- 49352E
- 52413B
- 5C4D48
- 655955
- 6E6663
- 777372
Harmonias de cor
Complementar +180°
- 250801
Dwarf Fortress
- 00161D
≈ Creeping Death
Análoga -30° +30°
- 250801
Dwarf Fortress
- 25060D
≈ Sepia Black
- 1D0F00
≈ Super Black
Tríade +120° +240°
- 250801
Dwarf Fortress
- 00180C
≈ Oil Slick
- 0F0E29
≈ Corbeau
Complementar dividida +150° +210°
- 250801
Dwarf Fortress
- 001716
≈ Black Glaze
- 001329
≈ Kuretake Black Manga
Tétrade +90° +180° +270°
- 250801
Dwarf Fortress
- 0A1700
≈ Oil Slick
- 00161D
≈ Creeping Death
- 1A0A24
≈ Meški Black
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 18.85:1 · APCA Lc 105
Ag
FailSobre preto
WCAG 1.11:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 18.85:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--dwarf-fortress: #250801;
--dwarf-fortress-rgb: 37 8 1;
--dwarf-fortress-oklch: oklch(0.184 0.053 40.5);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(12 95% 7%);
border-color: oklch(0.184 0.053 40.5);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #250801;
--color-dwarf-fortress-50: #fff1e9;
--color-dwarf-fortress-100: #f8e3da;
--color-dwarf-fortress-200: #e9cdc3;
--color-dwarf-fortress-300: #d0afa2;
--color-dwarf-fortress-400: #bb9487;
--color-dwarf-fortress-500: #a57b6b;
--color-dwarf-fortress-600: #8c685b;
--color-dwarf-fortress-700: #705349;
--color-dwarf-fortress-800: #533c35;
--color-dwarf-fortress-900: #3a2924;
--color-dwarf-fortress-950: #241713;
}SCSS
$dwarf-fortress: #250801;
$dwarf-fortress-rgb: 37, 8, 1;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}