Couleur nommée la plus proche · #BB4442
#BB4442
Couleur nommée la plus proche: Naughty Hottie
#BB4442 (rgb(187 68 66), hsl(1 48% 50%), oklch(0.551 0.154 24.6)) est la plus proche de la couleur nommée Naughty Hottie. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BB4442
oklch(0.551 0.154 24.6)
Conversions de couleur
- HEX
- #bb4442
- RGB
- rgb(187 68 66)
- HSL
- hsl(1 48% 50%)
- HWB
- hwb(1 26% 27%)
- OKLCH
- oklch(0.551 0.154 24.6)
- OKLab
- oklab(0.551 0.14 0.064)
- CIE Lab
- lab(46.35 48.67 28.2)
- LCH
- lch(46.35 56.25 30.1)
- CMYK
- cmyk(0% 64% 65% 27%)
Teintes · Ombres · Tons
Teintes
- C45954
- CD6C66
- D57E78
- DC918B
- E3A39E
- EAB5B1
- F0C8C4
- F5DAD7
- FBECEB
Ombres
- A23A38
- 8A302F
- 732625
- 5C1D1C
- 461414
- 320C0B
- 1F0505
- 0D0201
- 020000
Tons
- B64C49
- B2544F
- AD5B56
- A7615C
- A26762
- 9C6C68
- 96726E
- 8F7774
- 887B7A
Harmonies de couleurs
Complémentaire +180°
- BB4442
Naughty Hottie
- 00818B
≈ Briny
Analogue -30° +30°
- BB4442
Naughty Hottie
- B34377
≈ Valentino
- AD5700
≈ Tijolo
Triadique +120° +240°
- BB4442
Naughty Hottie
- 26882F
≈ Temperamental Green
- 436CCB
≈ Han Blue
Complémentaire divisée +150° +210°
- BB4442
Naughty Hottie
- 00856E
≈ Viridis
- 007BAB
≈ Benitoite
Tétradique +90° +180° +270°
- BB4442
Naughty Hottie
- 717900
≈ Portuguese Green
- 00818B
≈ Briny
- 795BC1
≈ Fuchsia Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.22:1 · APCA Lc 75
Ag
FailSur noir
WCAG 4.01:1 · APCA Lc 27
Meilleure couleur de texte: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--naughty-hottie: #bb4442;
--naughty-hottie-rgb: 187 68 66;
--naughty-hottie-oklch: oklch(0.551 0.154 24.6);
}
.element {
color: var(--naughty-hottie);
background-color: hsl(1 48% 50%);
border-color: oklch(0.551 0.154 24.6);
}Tailwind CSS v4
@theme {
--color-naughty-hottie: #bb4442;
--color-naughty-hottie-50: #ffe5de;
--color-naughty-hottie-100: #ffd5cd;
--color-naughty-hottie-200: #ffbbb1;
--color-naughty-hottie-300: #fd978d;
--color-naughty-hottie-400: #ec7670;
--color-naughty-hottie-500: #d95350;
--color-naughty-hottie-600: #b84744;
--color-naughty-hottie-700: #943936;
--color-naughty-hottie-800: #6e2829;
--color-naughty-hottie-900: #4e1b1b;
--color-naughty-hottie-950: #330a0c;
}SCSS
$naughty-hottie: #bb4442;
$naughty-hottie-rgb: 187, 68, 66;
$naughty-hottie-light: mix(#fff, $naughty-hottie, 20%);
$naughty-hottie-dark: mix(#000, $naughty-hottie, 20%);
.element {
color: $naughty-hottie;
box-shadow: 0 0 0 2px rgba($naughty-hottie, 0.35);
}