Couleur nommée la plus proche · #631C2A
#631C2A
Couleur nommée la plus proche: Forbidden Passion
#631C2A (rgb(99 28 42), hsl(348 56% 25%), oklch(0.345 0.102 12.7)) 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.
#631C2A
oklch(0.345 0.102 12.7)
Conversions de couleur
- HEX
- #631c2a
- RGB
- rgb(99 28 42)
- HSL
- hsl(348 56% 25%)
- HWB
- hwb(348 11% 61%)
- OKLCH
- oklch(0.345 0.102 12.7)
- OKLab
- oklab(0.345 0.1 0.022)
- CIE Lab
- lab(22.82 33.17 9.64)
- LCH
- lch(22.82 34.55 16.2)
- CMYK
- cmyk(0% 72% 58% 61%)
Teintes · Ombres · Tons
Teintes
- 74333C
- 84484F
- 945D63
- A47378
- B3898D
- C3A0A3
- D2B7B9
- E1CFD0
- F0E7E7
Ombres
- 551723
- 47121C
- 3A0D16
- 2E0810
- 21050A
- 160205
- 0B0102
- 030001
- 000000
Tons
- 672832
- 6B323A
- 6F3C42
- 72464B
- 755053
- 78595C
- 7B6365
- 7D6D6E
- 7F7677
Harmonies de couleurs
Complémentaire +180°
- 631C2A
Forbidden Passion
- 004341
≈ Warm Black
Analogue -30° +30°
- 631C2A
Forbidden Passion
- 5B1F47
≈ Plum Caspia
- 622201
≈ Raw Chocolate
Triadique +120° +240°
- 631C2A
Forbidden Passion
- 244300
≈ Forest Green
- 03396C
≈ Ateneo Blue
Complémentaire divisée +150° +210°
- 631C2A
Forbidden Passion
- 00452D
≈ UP Forest Green
- 004051
≈ Maniac Mansion
Tétradique +90° +180° +270°
- 631C2A
Forbidden Passion
- 403A00
≈ Camouflage
- 004341
≈ Warm Black
- 332F6C
≈ Deep Koamaru
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.13:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.73:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.13:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--forbidden-passion: #631c2a;
--forbidden-passion-rgb: 99 28 42;
--forbidden-passion-oklch: oklch(0.345 0.102 12.7);
}
.element {
color: var(--forbidden-passion);
background-color: hsl(348 56% 25%);
border-color: oklch(0.345 0.102 12.7);
}Tailwind CSS v4
@theme {
--color-forbidden-passion: #631c2a;
--color-forbidden-passion-50: #ffeaec;
--color-forbidden-passion-100: #ffdbdd;
--color-forbidden-passion-200: #fdc3c6;
--color-forbidden-passion-300: #e7a2a7;
--color-forbidden-passion-400: #d3858e;
--color-forbidden-passion-500: #c06873;
--color-forbidden-passion-600: #a25862;
--color-forbidden-passion-700: #82464e;
--color-forbidden-passion-800: #60333a;
--color-forbidden-passion-900: #442228;
--color-forbidden-passion-950: #2b1116;
}SCSS
$forbidden-passion: #631c2a;
$forbidden-passion-rgb: 99, 28, 42;
$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);
}