Couleur nommée la plus proche · #2F2035
#2F2035
Couleur nommée la plus proche: Midnight Velvet
#2F2035 (rgb(47 32 53), hsl(283 25% 17%), oklch(0.271 0.043 316)) est la plus proche de la couleur nommée Midnight Velvet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2F2035
oklch(0.271 0.043 316)
Conversions de couleur
- HEX
- #2f2035
- RGB
- rgb(47 32 53)
- HSL
- hsl(283 25% 17%)
- HWB
- hwb(283 13% 79%)
- OKLCH
- oklch(0.271 0.043 316)
- OKLab
- oklab(0.271 0.031 -0.03)
- CIE Lab
- lab(14.86 11 -10.93)
- LCH
- lch(14.86 15.51 315.2)
- CMYK
- cmyk(11% 40% 0% 79%)
Teintes · Ombres · Tons
Teintes
- 413347
- 544759
- 675B6C
- 7B7180
- 908794
- A59EA8
- BBB5BD
- D1CDD3
- E8E6E9
Ombres
- 271A2D
- 201525
- 190F1D
- 120A15
- 0C060E
- 060308
- 030103
- 010001
- 000000
Tons
- 37293C
- 3E3243
- 463B4B
- 4E4452
- 564E5A
- 5E5861
- 676169
- 6F6B70
- 777678
Harmonies de couleurs
Complémentaire +180°
- 2F2035
Midnight Velvet
- 1D2C16
≈ Kuro Green
Analogue -30° +30°
- 2F2035
Midnight Velvet
- 25233B
≈ Cold Steel
- 361E2B
≈ Antique Burgundy
Triadique +120° +240°
- 2F2035
Midnight Velvet
- 33240C
≈ Black Slug
- 042D2E
≈ Roof Tile Green
Complémentaire divisée +150° +210°
- 2F2035
Midnight Velvet
- 2A280D
≈ Black Swan
- 0E2D22
≈ Guerrilla Forest
Tétradique +90° +180° +270°
- 2F2035
Midnight Velvet
- 382014
≈ Scorched
- 1D2C16
≈ Kuro Green
- 0A2B37
≈ Black Chasm
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.22:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.37:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--midnight-velvet: #2f2035;
--midnight-velvet-rgb: 47 32 53;
--midnight-velvet-oklch: oklch(0.271 0.043 316);
}
.element {
color: var(--midnight-velvet);
background-color: hsl(283 25% 17%);
border-color: oklch(0.271 0.043 316);
}Tailwind CSS v4
@theme {
--color-midnight-velvet: #2f2035;
--color-midnight-velvet-50: #faf1fd;
--color-midnight-velvet-100: #eee4f1;
--color-midnight-velvet-200: #dccfe0;
--color-midnight-velvet-300: #c1b1c6;
--color-midnight-velvet-400: #a997b0;
--color-midnight-velvet-500: #927e9a;
--color-midnight-velvet-600: #7b6b82;
--color-midnight-velvet-700: #635568;
--color-midnight-velvet-800: #483e4d;
--color-midnight-velvet-900: #322b36;
--color-midnight-velvet-950: #1e1821;
}SCSS
$midnight-velvet: #2f2035;
$midnight-velvet-rgb: 47, 32, 53;
$midnight-velvet-light: mix(#fff, $midnight-velvet, 20%);
$midnight-velvet-dark: mix(#000, $midnight-velvet, 20%);
.element {
color: $midnight-velvet;
box-shadow: 0 0 0 2px rgba($midnight-velvet, 0.35);
}