Couleur nommée la plus proche · #341537
#341537
Couleur nommée la plus proche: Dark Prom Queen
#341537 (rgb(52 21 55), hsl(295 45% 15%), oklch(0.258 0.073 324)) est la plus proche de la couleur nommée Dark Prom Queen. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#341537
oklch(0.258 0.073 324)
Conversions de couleur
- HEX
- #341537
- RGB
- rgb(52 21 55)
- HSL
- hsl(295 45% 15%)
- HWB
- hwb(295 8% 78%)
- OKLCH
- oklch(0.258 0.073 324)
- OKLab
- oklab(0.258 0.059 -0.043)
- CIE Lab
- lab(12.82 20.4 -15.44)
- LCH
- lch(12.82 25.58 322.9)
- CMYK
- cmyk(5% 62% 0% 78%)
Teintes · Ombres · Tons
Teintes
- 462949
- 593E5B
- 6C546E
- 806B82
- 948296
- A99AAA
- BEB2BF
- D3CBD4
- E9E5E9
Ombres
- 2C112E
- 240C26
- 1C081E
- 150516
- 0E030F
- 070208
- 030103
- 010001
- 000000
Tons
- 3C1F3E
- 432A45
- 4B344C
- 523E54
- 5A495B
- 615462
- 695E6A
- 716971
- 787579
Harmonies de couleurs
Complémentaire +180°
- 341537
Dark Prom Queen
- 072C09
≈ Haunted Forest
Analogue -30° +30°
- 341537
Dark Prom Queen
- 261B43
≈ Azulado
- 3D1126
≈ Chocolate Kiss
Triadique +120° +240°
- 341537
Dark Prom Queen
- 2F2100
≈ Black Swan
- 00292D
≈ Daintree
Complémentaire divisée +150° +210°
- 341537
Dark Prom Queen
- 232600
≈ Liquorice Root
- 002B22
≈ Deep Slate Green
Tétradique +90° +180° +270°
- 341537
Dark Prom Queen
- 3B1900
≈ American Bronze
- 072C09
≈ Haunted Forest
- 002739
≈ Murky Depths
Contraste et accessibilité
Ag
AAASur blanc
WCAG 16.04:1 · APCA Lc 103
Ag
FailSur noir
WCAG 1.30:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 16.04:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--dark-prom-queen: #341537;
--dark-prom-queen-rgb: 52 21 55;
--dark-prom-queen-oklch: oklch(0.258 0.073 324);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(295 45% 15%);
border-color: oklch(0.258 0.073 324);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #341537;
--color-dark-prom-queen-50: #ffeeff;
--color-dark-prom-queen-100: #f5e0f5;
--color-dark-prom-queen-200: #e5cae5;
--color-dark-prom-queen-300: #ccabcc;
--color-dark-prom-queen-400: #b490b7;
--color-dark-prom-queen-500: #9e76a2;
--color-dark-prom-queen-600: #866489;
--color-dark-prom-queen-700: #6b506d;
--color-dark-prom-queen-800: #4e3a51;
--color-dark-prom-queen-900: #372839;
--color-dark-prom-queen-950: #211623;
}SCSS
$dark-prom-queen: #341537;
$dark-prom-queen-rgb: 52, 21, 55;
$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);
}