Colore con nome più vicino · #140F03
#140F03
Colore con nome più vicino: Soulless
#140F03 (rgb(20 15 3), hsl(42 74% 5%), oklch(0.171 0.027 90.3)) è più vicino al colore con nome Soulless. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#140F03
oklch(0.171 0.027 90.3)
Conversioni di colore
- HEX
- #140f03
- RGB
- rgb(20 15 3)
- HSL
- hsl(42 74% 5%)
- HWB
- hwb(42 1% 92%)
- OKLCH
- oklch(0.171 0.027 90.3)
- OKLab
- oklab(0.171 0 0.027)
- CIE Lab
- lab(4.55 0.66 5.56)
- LCH
- lch(4.55 5.6 83.2)
- CMYK
- cmyk(0% 25% 85% 92%)
Tinte · Ombre · Toni
Tinte
- 272215
- 3B372B
- 514D42
- 67645A
- 7F7C73
- 97958D
- B0AEA9
- CAC8C5
- E4E3E2
Ombre
- 100B02
- 0C0802
- 080501
- 050301
- 030200
- 010100
- 010000
- 000000
- 000000
Toni
- 1D190C
- 272317
- 312D23
- 3C382F
- 46443C
- 514F49
- 5D5B56
- 686764
- 747372
Armonie di colore
Complementare +180°
- 140F03
Soulless
- 0B0F1B
≈ Nyctophobia
Analogo -30° +30°
- 140F03
Soulless
- 180D04
≈ Balsamico
- 0E1105
≈ Chinese Black
Triadico +120° +240°
- 140F03
Soulless
- 021316
≈ Black Glaze
- 160B15
≈ Noir Fiction
Complementare divisa +150° +210°
- 140F03
Soulless
- 05111A
≈ Nyctophobia
- 110D19
≈ Nyctophobia
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 19.10:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.09:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 19.10:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--soulless: #140f03;
--soulless-rgb: 20 15 3;
--soulless-oklch: oklch(0.171 0.027 90.3);
}
.element {
color: var(--soulless);
background-color: hsl(42 74% 5%);
border-color: oklch(0.171 0.027 90.3);
}Tailwind CSS v4
@theme {
--color-soulless: #140f03;
--color-soulless-50: #f8f5ed;
--color-soulless-100: #ebe8de;
--color-soulless-200: #d8d4c8;
--color-soulless-300: #bcb7a8;
--color-soulless-400: #a49e8d;
--color-soulless-500: #8d8672;
--color-soulless-600: #777161;
--color-soulless-700: #5f5b4d;
--color-soulless-800: #464238;
--color-soulless-900: #312e26;
--color-soulless-950: #1d1a15;
}SCSS
$soulless: #140f03;
$soulless-rgb: 20, 15, 3;
$soulless-light: mix(#fff, $soulless, 20%);
$soulless-dark: mix(#000, $soulless, 20%);
.element {
color: $soulless;
box-shadow: 0 0 0 2px rgba($soulless, 0.35);
}