Color con nombre más cercano · #290E22
#290E22
Color con nombre más cercano: Dark Prom Queen
#290E22 (rgb(41 14 34), hsl(316 49% 11%), oklch(0.215 0.055 338.3)) se parece más al color con nombre Dark Prom Queen. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#290E22
oklch(0.215 0.055 338.3)
Conversiones de color
- HEX
- #290e22
- RGB
- rgb(41 14 34)
- HSL
- hsl(316 49% 11%)
- HWB
- hwb(316 5% 84%)
- OKLCH
- oklch(0.215 0.055 338.3)
- OKLab
- oklab(0.215 0.051 -0.02)
- CIE Lab
- lab(8.17 16.75 -7.35)
- LCH
- lch(8.17 18.29 336.3)
- CMYK
- cmyk(0% 66% 17% 84%)
Tintes · Sombras · Tonos
Tintes
- 3C2235
- 503748
- 644D5D
- 796472
- 8E7C88
- A4959F
- BAAFB6
- D1C9CE
- E8E4E6
Sombras
- 220B1C
- 1C0716
- 150511
- 0F030B
- 090207
- 050103
- 020001
- 010000
- 000000
Tonos
- 32192B
- 3A2333
- 432E3C
- 4B3945
- 54444F
- 5D5058
- 655B62
- 6E676C
- 777476
Armonías de color
Complementario +180°
- 290E22
Dark Prom Queen
- 002010
≈ Clock Chimes Thirteen
Análogo -30° +30°
- 290E22
Dark Prom Queen
- 21112D
≈ Blacklist
- 2E0D14
≈ Dark Danger
Triádico +120° +240°
- 290E22
Dark Prom Queen
- 1F1900
≈ Noir Mystique
- 001E25
≈ Stellar Explorer
Complementario dividido +150° +210°
- 290E22
Dark Prom Queen
- 121E01
≈ Yuzu Soy
- 001F1D
≈ Stellar Explorer
Tetrádico +90° +180° +270°
- 290E22
Dark Prom Queen
- 271500
≈ Cannon Black
- 002010
≈ Clock Chimes Thirteen
- 021B31
≈ Oxford by Night
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.79:1 · APCA Lc 104
Ag
FailSobre negro
WCAG 1.18:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--dark-prom-queen: #290e22;
--dark-prom-queen-rgb: 41 14 34;
--dark-prom-queen-oklch: oklch(0.215 0.055 338.3);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(316 49% 11%);
border-color: oklch(0.215 0.055 338.3);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #290e22;
--color-dark-prom-queen-50: #ffeffa;
--color-dark-prom-queen-100: #f5e1ee;
--color-dark-prom-queen-200: #e5ccdb;
--color-dark-prom-queen-300: #ccadc0;
--color-dark-prom-queen-400: #b592aa;
--color-dark-prom-queen-500: #9f7893;
--color-dark-prom-queen-600: #86667c;
--color-dark-prom-queen-700: #6c5163;
--color-dark-prom-queen-800: #4f3b4a;
--color-dark-prom-queen-900: #372933;
--color-dark-prom-queen-950: #22161f;
}SCSS
$dark-prom-queen: #290e22;
$dark-prom-queen-rgb: 41, 14, 34;
$dark-prom-queen-light: mix(#fff, $dark-prom-queen, 20%);
$dark-prom-queen-dark: mix(#000, $dark-prom-queen, 20%);
.element {
color: $dark-prom-queen;
box-shadow: 0 0 0 2px rgba($dark-prom-queen, 0.35);
}