Color con nombre · #5A3939
Dark Drama
Dark Drama es #5A3939: rgb(90 57 57), hsl(0 22% 29%), oklch(0.383 0.047 19.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Dark Drama color name →
#5A3939
oklch(0.383 0.047 19.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 6A4B4A
- 7A5D5C
- 8A706F
- 9A8382
- AA9696
- BBABAA
- CCBFBF
- DDD4D4
- EEE9E9
Sombras
- 4D3030
- 412828
- 351F1F
- 291717
- 1E1010
- 130909
- 090404
- 030101
- 000000
Tonos
- 5E4040
- 624746
- 664E4D
- 6A5554
- 6E5C5B
- 726363
- 756A6A
- 797171
- 7C7979
Armonías de color
Complementario +180°
- 5A3939
Dark Drama
- 204B4D
≈ June Bug
Análogo -30° +30°
- 5A3939
Dark Drama
- 573947
≈ Purple Sphinx
- 583C2C
≈ Tuk Tuk
Triádico +120° +240°
- 5A3939
Dark Drama
- 364A31
≈ Palm Leaf
- 34445D
≈ Spelunking
Complementario dividido +150° +210°
- 5A3939
Dark Drama
- 284C3F
≈ Springbok Green
- 274858
≈ Black Forest Blue
Tetrádico +90° +180° +270°
- 5A3939
Dark Drama
- 454627
≈ Nori Seaweed Green
- 204B4D
≈ June Bug
- 423F5B
≈ Majestic Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.10:1 · APCA Lc 93
Ag
FailSobre negro
WCAG 2.07:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.10:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
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);
}