Couleur nommée la plus proche · #2A0D0A
#2A0D0A
Couleur nommée la plus proche: Dwarf Fortress
#2A0D0A (rgb(42 13 10), hsl(6 62% 10%), oklch(0.206 0.049 28.1)) est la plus proche de la couleur nommée Dwarf Fortress. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2A0D0A
oklch(0.206 0.049 28.1)
Conversions de couleur
- HEX
- #2a0d0a
- RGB
- rgb(42 13 10)
- HSL
- hsl(6 62% 10%)
- HWB
- hwb(6 4% 84%)
- OKLCH
- oklch(0.206 0.049 28.1)
- OKLab
- oklab(0.206 0.043 0.023)
- CIE Lab
- lab(7.43 15.15 7.37)
- LCH
- lch(7.43 16.85 25.9)
- CMYK
- cmyk(0% 69% 76% 84%)
Teintes · Ombres · Tons
Teintes
- 3D211E
- 513633
- 664D49
- 7A6460
- 8F7C79
- A59592
- BBAEAC
- D1C9C7
- E8E3E3
Ombres
- 230A07
- 1C0705
- 160503
- 100302
- 0A0201
- 050101
- 020000
- 010000
- 000000
Tons
- 331814
- 3B221F
- 442D2A
- 4D3835
- 554441
- 5E4F4D
- 665B59
- 6F6766
- 777373
Harmonies de couleurs
Complémentaire +180°
- 2A0D0A
Dwarf Fortress
- 001C20
≈ Black Stallion
Analogue -30° +30°
- 2A0D0A
Dwarf Fortress
- 280C17
≈ Italian Roast
- 271000
≈ Severely Burnt Toast
Triadique +120° +240°
- 2A0D0A
Dwarf Fortress
- 051D0A
≈ Clock Chimes Thirteen
- 0E162E
≈ Liberty Blue
Complémentaire divisée +150° +210°
- 2A0D0A
Dwarf Fortress
- 001D17
≈ Stellar Explorer
- 001A2A
≈ Oxford by Night
Tétradique +90° +180° +270°
- 2A0D0A
Dwarf Fortress
- 161A00
≈ Pinch of Pepper
- 001C20
≈ Black Stallion
- 1A122B
≈ Lost in Sadness
Contraste et accessibilité
Ag
AAASur blanc
WCAG 18.09:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.16:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 18.09:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
CSS
:root {
--dwarf-fortress: #2a0d0a;
--dwarf-fortress-rgb: 42 13 10;
--dwarf-fortress-oklch: oklch(0.206 0.049 28.1);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(6 62% 10%);
border-color: oklch(0.206 0.049 28.1);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #2a0d0a;
--color-dwarf-fortress-50: #fff0ed;
--color-dwarf-fortress-100: #f8e2de;
--color-dwarf-fortress-200: #e9cdc8;
--color-dwarf-fortress-300: #cfafa9;
--color-dwarf-fortress-400: #ba948e;
--color-dwarf-fortress-500: #a47a74;
--color-dwarf-fortress-600: #8b6762;
--color-dwarf-fortress-700: #6f534e;
--color-dwarf-fortress-800: #523c39;
--color-dwarf-fortress-900: #392927;
--color-dwarf-fortress-950: #241715;
}SCSS
$dwarf-fortress: #2a0d0a;
$dwarf-fortress-rgb: 42, 13, 10;
$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);
}