Cor nomeada mais próxima · #2D1D11
#2D1D11
Cor nomeada mais próxima: Burnt Coffee
#2D1D11 (rgb(45 29 17), hsl(26 45% 12%), oklch(0.248 0.033 57.4)) é mais próxima da cor nomeada Burnt Coffee. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2D1D11
oklch(0.248 0.033 57.4)
Conversões de cor
- HEX
- #2d1d11
- RGB
- rgb(45 29 17)
- HSL
- hsl(26 45% 12%)
- HWB
- hwb(26 7% 82%)
- OKLCH
- oklch(0.248 0.033 57.4)
- OKLab
- oklab(0.248 0.018 0.028)
- CIE Lab
- lab(12.6 6.8 11.23)
- LCH
- lch(12.6 13.13 58.8)
- CMYK
- cmyk(0% 36% 62% 82%)
Tons claros · Sombras · Tons
Tons claros
- 3F3025
- 524439
- 66594F
- 7A6F66
- 8F857E
- A59C96
- BBB4B0
- D1CDC9
- E8E6E4
Sombras
- 26180D
- 1F1309
- 180E06
- 110904
- 0B0502
- 060301
- 020100
- 010000
- 000000
Tons
- 35261B
- 3D2F25
- 453930
- 4D423A
- 554C45
- 5E5651
- 66605C
- 6F6B68
- 777574
Harmonias de cor
Complementar +180°
- 2D1D11
Burnt Coffee
- 11232F
≈ Fog of War
Análoga -30° +30°
- 2D1D11
Burnt Coffee
- 2F1B18
≈ Darkroom
- 28200E
≈ Black Mesa
Tríade +120° +240°
- 2D1D11
Burnt Coffee
- 0D2621
≈ Deep Slate Green
- 231E2F
≈ Black Howl
Complementar dividida +150° +210°
- 2D1D11
Burnt Coffee
- 0B2529
≈ Sunken Ship
- 1A2131
≈ Kon
Tétrade +90° +180° +270°
- 2D1D11
Burnt Coffee
- 162518
≈ Deep Slate Olive
- 11232F
≈ Fog of War
- 2A1B29
≈ Shikon
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 16.21:1 · APCA Lc 103
Ag
FailSobre preto
WCAG 1.29:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 16.21:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--burnt-coffee: #2d1d11;
--burnt-coffee-rgb: 45 29 17;
--burnt-coffee-oklch: oklch(0.248 0.033 57.4);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(26 45% 12%);
border-color: oklch(0.248 0.033 57.4);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #2d1d11;
--color-burnt-coffee-50: #fdf3ec;
--color-burnt-coffee-100: #f1e6dd;
--color-burnt-coffee-200: #dfd1c7;
--color-burnt-coffee-300: #c5b4a7;
--color-burnt-coffee-400: #ae9a8c;
--color-burnt-coffee-500: #988171;
--color-burnt-coffee-600: #806d60;
--color-burnt-coffee-700: #67574d;
--color-burnt-coffee-800: #4c4038;
--color-burnt-coffee-900: #352c26;
--color-burnt-coffee-950: #201914;
}SCSS
$burnt-coffee: #2d1d11;
$burnt-coffee-rgb: 45, 29, 17;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}