Colore con nome più vicino · #250C0B
#250C0B
Colore con nome più vicino: Dwarf Fortress
#250C0B (rgb(37 12 11), hsl(2 54% 9%), oklch(0.195 0.043 24.2)) è più vicino al colore con nome Dwarf Fortress. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#250C0B
oklch(0.195 0.043 24.2)
Conversioni di colore
- HEX
- #250c0b
- RGB
- rgb(37 12 11)
- HSL
- hsl(2 54% 9%)
- HWB
- hwb(2 4% 85%)
- OKLCH
- oklch(0.195 0.043 24.2)
- OKLab
- oklab(0.195 0.039 0.018)
- CIE Lab
- lab(6.28 12.85 5.16)
- LCH
- lch(6.28 13.85 21.9)
- CMYK
- cmyk(0% 68% 70% 85%)
Tinte · Ombre · Toni
Tinte
- 39201E
- 4D3533
- 614B49
- 766361
- 8C7B79
- A29492
- B9AEAC
- D0C8C7
- E7E3E3
Ombre
- 1F0908
- 190606
- 130404
- 0D0302
- 080201
- 040101
- 020000
- 000000
- 000000
Toni
- 2E1615
- 37211F
- 402C2A
- 493736
- 524341
- 5B4E4D
- 645A5A
- 6D6766
- 777373
Armonie di colore
Complementare +180°
- 250C0B
Dwarf Fortress
- 00191C
≈ Black Stallion
Analogo -30° +30°
- 250C0B
Dwarf Fortress
- 230C16
≈ Shot in the Dark
- 230F02
≈ Severely Burnt Toast
Triadico +120° +240°
- 250C0B
Dwarf Fortress
- 071A08
≈ Pinch of Pepper
- 0B1428
≈ Corbeau
Complementare divisa +150° +210°
- 250C0B
Dwarf Fortress
- 001A14
≈ Pinch of Pepper
- 001724
≈ Creeping Death
Tetradico +90° +180° +270°
- 250C0B
Dwarf Fortress
- 151700
≈ Pinch of Pepper
- 00191C
≈ Black Stallion
- 161026
≈ Corbeau
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.48:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.13:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.48:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--dwarf-fortress: #250c0b;
--dwarf-fortress-rgb: 37 12 11;
--dwarf-fortress-oklch: oklch(0.195 0.043 24.2);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(2 54% 9%);
border-color: oklch(0.195 0.043 24.2);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #250c0b;
--color-dwarf-fortress-50: #fff1ef;
--color-dwarf-fortress-100: #f6e3e0;
--color-dwarf-fortress-200: #e6cecb;
--color-dwarf-fortress-300: #cdb0ac;
--color-dwarf-fortress-400: #b79592;
--color-dwarf-fortress-500: #a17c78;
--color-dwarf-fortress-600: #886966;
--color-dwarf-fortress-700: #6d5451;
--color-dwarf-fortress-800: #503d3c;
--color-dwarf-fortress-900: #382a29;
--color-dwarf-fortress-950: #221717;
}SCSS
$dwarf-fortress: #250c0b;
$dwarf-fortress-rgb: 37, 12, 11;
$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);
}