Colore con nome più vicino · #2A0D0A
#2A0D0A
Colore con nome più vicino: Dwarf Fortress
#2A0D0A (rgb(42 13 10), hsl(6 62% 10%), oklch(0.206 0.049 28.1)) è più vicino al colore con nome Dwarf Fortress. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2A0D0A
oklch(0.206 0.049 28.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3D211E
- 513633
- 664D49
- 7A6460
- 8F7C79
- A59592
- BBAEAC
- D1C9C7
- E8E3E3
Ombre
- 230A07
- 1C0705
- 160503
- 100302
- 0A0201
- 050101
- 020000
- 010000
- 000000
Toni
- 331814
- 3B221F
- 442D2A
- 4D3835
- 554441
- 5E4F4D
- 665B59
- 6F6766
- 777373
Armonie di colore
Complementare +180°
- 2A0D0A
Dwarf Fortress
- 001C20
≈ Black Stallion
Analogo -30° +30°
- 2A0D0A
Dwarf Fortress
- 280C17
≈ Italian Roast
- 271000
≈ Severely Burnt Toast
Triadico +120° +240°
- 2A0D0A
Dwarf Fortress
- 051D0A
≈ Clock Chimes Thirteen
- 0E162E
≈ Liberty Blue
Complementare divisa +150° +210°
- 2A0D0A
Dwarf Fortress
- 001D17
≈ Stellar Explorer
- 001A2A
≈ Oxford by Night
Tetradico +90° +180° +270°
- 2A0D0A
Dwarf Fortress
- 161A00
≈ Pinch of Pepper
- 001C20
≈ Black Stallion
- 1A122B
≈ Lost in Sadness
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.09:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.16:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.09:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
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);
}