Colore con nome più vicino · #290B2D
#290B2D
Colore con nome più vicino: Dark Prom Queen
#290B2D (rgb(41 11 45), hsl(293 61% 11%), oklch(0.217 0.073 322.8)) è più vicino al colore con nome Dark Prom Queen. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#290B2D
oklch(0.217 0.073 322.8)
Conversioni di colore
- HEX
- #290b2d
- RGB
- rgb(41 11 45)
- HSL
- hsl(293 61% 11%)
- HWB
- hwb(293 4% 82%)
- OKLCH
- oklch(0.217 0.073 322.8)
- OKLab
- oklab(0.217 0.058 -0.044)
- CIE Lab
- lab(8.06 20.3 -15.79)
- LCH
- lch(8.06 25.72 322.1)
- CMYK
- cmyk(9% 76% 0% 82%)
Tinte · Ombre · Toni
Tinte
- 3C2040
- 503653
- 644C67
- 78647B
- 8E7C90
- A395A5
- BAAEBB
- D0C9D1
- E7E4E8
Ombre
- 220826
- 1C061F
- 150418
- 0F0211
- 09010B
- 050106
- 020002
- 010001
- 000000
Toni
- 311735
- 3A223D
- 422D45
- 4B384D
- 544456
- 5C4F5E
- 655B66
- 6E676F
- 777377
Armonie di colore
Complementare +180°
- 290B2D
Dark Prom Queen
- 002201
≈ Rainforest Nights
Analogo -30° +30°
- 290B2D
Dark Prom Queen
- 1C1138
≈ Midnight Monarch
- 31071D
≈ Rhodophobia
Triadico +120° +240°
- 290B2D
Dark Prom Queen
- 241800
≈ Cannon Black
- 001F21
≈ Stellar Explorer
Complementare divisa +150° +210°
- 290B2D
Dark Prom Queen
- 1A1C00
≈ Yuzu Soy
- 002018
≈ Clock Chimes Thirteen
Tetradico +90° +180° +270°
- 290B2D
Dark Prom Queen
- 2D1100
≈ Shadow Play
- 002201
≈ Rainforest Nights
- 001D2B
≈ Oxford by Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 17.79:1 · APCA Lc 104
Ag
FailSu nero
WCAG 1.18:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-prom-queen: #290b2d;
--dark-prom-queen-rgb: 41 11 45;
--dark-prom-queen-oklch: oklch(0.217 0.073 322.8);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(293 61% 11%);
border-color: oklch(0.217 0.073 322.8);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #290b2d;
--color-dark-prom-queen-50: #ffeeff;
--color-dark-prom-queen-100: #f5e0f6;
--color-dark-prom-queen-200: #e5cae6;
--color-dark-prom-queen-300: #cbabcc;
--color-dark-prom-queen-400: #b490b8;
--color-dark-prom-queen-500: #9e76a2;
--color-dark-prom-queen-600: #856489;
--color-dark-prom-queen-700: #6b506e;
--color-dark-prom-queen-800: #4e3a52;
--color-dark-prom-queen-900: #362839;
--color-dark-prom-queen-950: #211623;
}SCSS
$dark-prom-queen: #290b2d;
$dark-prom-queen-rgb: 41, 11, 45;
$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);
}