Colore con nome · #5A3939
Dark Drama
Dark Drama è #5A3939: rgb(90 57 57), hsl(0 22% 29%), oklch(0.383 0.047 19.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Dark Drama color name →
#5A3939
oklch(0.383 0.047 19.5)
Conversioni di colore
- HEX
- #5a3939
- RGB
- rgb(90 57 57)
- HSL
- hsl(0 22% 29%)
- HWB
- hwb(0 22% 65%)
- OKLCH
- oklch(0.383 0.047 19.5)
- OKLab
- oklab(0.383 0.045 0.016)
- CIE Lab
- lab(28 15.09 6.36)
- LCH
- lch(28 16.38 22.9)
- CMYK
- cmyk(0% 37% 37% 65%)
Tinte · Ombre · Toni
Tinte
- 6A4B4A
- 7A5D5C
- 8A706F
- 9A8382
- AA9696
- BBABAA
- CCBFBF
- DDD4D4
- EEE9E9
Ombre
- 4D3030
- 412828
- 351F1F
- 291717
- 1E1010
- 130909
- 090404
- 030101
- 000000
Toni
- 5E4040
- 624746
- 664E4D
- 6A5554
- 6E5C5B
- 726363
- 756A6A
- 797171
- 7C7979
Armonie di colore
Complementare +180°
- 5A3939
Dark Drama
- 204B4D
≈ June Bug
Analogo -30° +30°
- 5A3939
Dark Drama
- 573947
≈ Purple Sphinx
- 583C2C
≈ Tuk Tuk
Triadico +120° +240°
- 5A3939
Dark Drama
- 364A31
≈ Palm Leaf
- 34445D
≈ Spelunking
Complementare divisa +150° +210°
- 5A3939
Dark Drama
- 284C3F
≈ Springbok Green
- 274858
≈ Black Forest Blue
Tetradico +90° +180° +270°
- 5A3939
Dark Drama
- 454627
≈ Nori Seaweed Green
- 204B4D
≈ June Bug
- 423F5B
≈ Majestic Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.10:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.07:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.10:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-drama: #5a3939;
--dark-drama-rgb: 90 57 57;
--dark-drama-oklch: oklch(0.383 0.047 19.5);
}
.element {
color: var(--dark-drama);
background-color: hsl(0 22% 29%);
border-color: oklch(0.383 0.047 19.5);
}Tailwind CSS v4
@theme {
--color-dark-drama: #5a3939;
--color-dark-drama-50: #fff0ef;
--color-dark-drama-100: #f7e2e1;
--color-dark-drama-200: #e8cdcb;
--color-dark-drama-300: #cfaead;
--color-dark-drama-400: #b99493;
--color-dark-drama-500: #a37a79;
--color-dark-drama-600: #8a6767;
--color-dark-drama-700: #6f5352;
--color-dark-drama-800: #523c3c;
--color-dark-drama-900: #392929;
--color-dark-drama-950: #231717;
}SCSS
$dark-drama: #5a3939;
$dark-drama-rgb: 90, 57, 57;
$dark-drama-light: mix(#fff, $dark-drama, 20%);
$dark-drama-dark: mix(#000, $dark-drama, 20%);
.element {
color: $dark-drama;
box-shadow: 0 0 0 2px rgba($dark-drama, 0.35);
}