Couleur nommée la plus proche · #520114
#520114
Couleur nommée la plus proche: Forbidden Passion
#520114 (rgb(82 1 20), hsl(346 98% 16%), oklch(0.279 0.11 16.8)) est la plus proche de la couleur nommée Forbidden Passion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#520114
oklch(0.279 0.11 16.8)
Conversions de couleur
- HEX
- #520114
- RGB
- rgb(82 1 20)
- HSL
- hsl(346 98% 16%)
- HWB
- hwb(346 0% 68%)
- OKLCH
- oklch(0.279 0.11 16.8)
- OKLab
- oklab(0.279 0.106 0.032)
- CIE Lab
- lab(15.18 35.63 14.47)
- LCH
- lch(15.18 38.46 22.1)
- CMYK
- cmyk(0% 99% 76% 68%)
Teintes · Ombres · Tons
Teintes
- 651F28
- 77383C
- 884F52
- 9A6769
- AB7F80
- BC9798
- CDB1B1
- DECACA
- EEE4E4
Ombres
- 460110
- 3B010C
- 2F0008
- 250005
- 1A0003
- 110001
- 080001
- 020000
- 000000
Tons
- 58141E
- 5E2228
- 642E32
- 693A3D
- 6E4647
- 725152
- 765D5D
- 7A6969
- 7D7474
Harmonies de couleurs
Complémentaire +180°
- 520114
Forbidden Passion
- 003031
≈ Roof Tile Green
Analogue -30° +30°
- 520114
Forbidden Passion
- 4B0533
≈ Pion Purple
- 461900
≈ Old Study
Triadique +120° +240°
- 520114
Forbidden Passion
- 113100
≈ Witch Wart
- 002658
≈ Downriver
Complémentaire divisée +150° +210°
- 520114
Forbidden Passion
- 003122
≈ Nightly Woods
- 002E3D
≈ Nordic Noir
Tétradique +90° +180° +270°
- 520114
Forbidden Passion
- 2C2A00
≈ Secret Passage
- 003031
≈ Roof Tile Green
- 281A5B
≈ Night Fog
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.29:1 · APCA Lc 101
Ag
FailSur noir
WCAG 1.37:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.29:1 (AAA) · APCA Lc 101
Contrast pairs
Extraits de code
CSS
:root {
--forbidden-passion: #520114;
--forbidden-passion-rgb: 82 1 20;
--forbidden-passion-oklch: oklch(0.279 0.11 16.8);
}
.element {
color: var(--forbidden-passion);
background-color: hsl(346 98% 16%);
border-color: oklch(0.279 0.11 16.8);
}Tailwind CSS v4
@theme {
--color-forbidden-passion: #520114;
--color-forbidden-passion-50: #ffe9e9;
--color-forbidden-passion-100: #ffdad9;
--color-forbidden-passion-200: #ffc2c2;
--color-forbidden-passion-300: #eba1a1;
--color-forbidden-passion-400: #d88387;
--color-forbidden-passion-500: #c4656c;
--color-forbidden-passion-600: #a6565b;
--color-forbidden-passion-700: #854549;
--color-forbidden-passion-800: #633136;
--color-forbidden-passion-900: #452125;
--color-forbidden-passion-950: #2d1014;
}SCSS
$forbidden-passion: #520114;
$forbidden-passion-rgb: 82, 1, 20;
$forbidden-passion-light: mix(#fff, $forbidden-passion, 20%);
$forbidden-passion-dark: mix(#000, $forbidden-passion, 20%);
.element {
color: $forbidden-passion;
box-shadow: 0 0 0 2px rgba($forbidden-passion, 0.35);
}