Couleur nommée la plus proche · #270C2D
#270C2D
Couleur nommée la plus proche: Dark Prom Queen
#270C2D (rgb(39 12 45), hsl(289 58% 11%), oklch(0.215 0.07 320)) 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.
#270C2D
oklch(0.215 0.07 320)
Conversions de couleur
- HEX
- #270c2d
- RGB
- rgb(39 12 45)
- HSL
- hsl(289 58% 11%)
- HWB
- hwb(289 5% 82%)
- OKLCH
- oklch(0.215 0.07 320)
- OKLab
- oklab(0.215 0.053 -0.045)
- CIE Lab
- lab(7.9 19.03 -16.08)
- LCH
- lch(7.9 24.91 319.8)
- CMYK
- cmyk(13% 73% 0% 82%)
Teintes · Ombres · Tons
Teintes
- 3A2140
- 4D3653
- 624D67
- 77647B
- 8C7C90
- A295A5
- B9AEBB
- D0C9D1
- E7E4E8
Ombres
- 200926
- 1A061F
- 140418
- 0E0311
- 08020B
- 040106
- 020002
- 010001
- 000000
Tons
- 2F1735
- 38223D
- 412D45
- 49384D
- 524456
- 5B4F5E
- 645B66
- 6D676F
- 777477
Harmonies de couleurs
Complémentaire +180°
- 270C2D
Dark Prom Queen
- 042100
≈ Rainforest Nights
Analogue -30° +30°
- 270C2D
Dark Prom Queen
- 1A1137
≈ Midnight Monarch
- 2F081E
≈ Rhodophobia
Triadique +120° +240°
- 270C2D
Dark Prom Queen
- 241700
≈ Cannon Black
- 001E20
≈ Stellar Explorer
Complémentaire divisée +150° +210°
- 270C2D
Dark Prom Queen
- 1B1B00
≈ Noir Mystique
- 002016
≈ Clock Chimes Thirteen
Tétradique +90° +180° +270°
- 270C2D
Dark Prom Queen
- 2D1000
≈ Shadow Play
- 042100
≈ Rainforest Nights
- 001D29
≈ Oxford by Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 17.84:1 · APCA Lc 104
Ag
FailSur noir
WCAG 1.17:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 104
Contrast pairs
Extraits de code
CSS
:root {
--dark-prom-queen: #270c2d;
--dark-prom-queen-rgb: 39 12 45;
--dark-prom-queen-oklch: oklch(0.215 0.07 320);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(289 58% 11%);
border-color: oklch(0.215 0.07 320);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #270c2d;
--color-dark-prom-queen-50: #ffefff;
--color-dark-prom-queen-100: #f3e1f6;
--color-dark-prom-queen-200: #e3cbe6;
--color-dark-prom-queen-300: #c9accd;
--color-dark-prom-queen-400: #b191b8;
--color-dark-prom-queen-500: #9b77a3;
--color-dark-prom-queen-600: #83658a;
--color-dark-prom-queen-700: #69516e;
--color-dark-prom-queen-800: #4d3b52;
--color-dark-prom-queen-900: #352839;
--color-dark-prom-queen-950: #201624;
}SCSS
$dark-prom-queen: #270c2d;
$dark-prom-queen-rgb: 39, 12, 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);
}