Couleur nommée la plus proche · #CB6079
#CB6079
Couleur nommée la plus proche: Peppermint Swirl
#CB6079 (rgb(203 96 121), hsl(346 51% 59%), oklch(0.625 0.138 7.2)) est la plus proche de la couleur nommée Peppermint Swirl. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CB6079
oklch(0.625 0.138 7.2)
Conversions de couleur
- HEX
- #cb6079
- RGB
- rgb(203 96 121)
- HSL
- hsl(346 51% 59%)
- HWB
- hwb(346 38% 20%)
- OKLCH
- oklch(0.625 0.138 7.2)
- OKLab
- oklab(0.625 0.137 0.017)
- CIE Lab
- lab(54.9 45.13 7.4)
- LCH
- lch(54.9 45.73 9.3)
- CMYK
- cmyk(0% 53% 40% 20%)
Teintes · Ombres · Tons
Teintes
- D27086
- D88192
- DF909F
- E4A0AC
- EAB0BA
- EFC0C7
- F3CFD5
- F8DFE3
- FCEFF1
Ombres
- B05268
- 964558
- 7D3848
- 652C39
- 4D202B
- 37151D
- 220A10
- 0F0305
- 020001
Tons
- C4647A
- BE687A
- B76C7B
- B0707C
- A8737D
- A1767D
- 99797E
- 917B7F
- 897E7F
Harmonies de couleurs
Complémentaire +180°
- CB6079
Peppermint Swirl
- 009C93
≈ Caribbean Turquoise
Analogue -30° +30°
- CB6079
Peppermint Swirl
- BB64A5
≈ Young Purple
- CC6648
≈ Enshūcha Red
Triadique +120° +240°
- CB6079
Peppermint Swirl
- 71962F
≈ Hidden Valley
- 348DD6
≈ Magical Merlin
Complémentaire divisée +150° +210°
- CB6079
Peppermint Swirl
- 23A065
≈ Biel-Tan Green
- 0097B4
≈ Bondi Blue
Tétradique +90° +180° +270°
- CB6079
Peppermint Swirl
- 9E8700
≈ Captain Kirk
- 009C93
≈ Caribbean Turquoise
- 747ED9
≈ Tanzine
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.82:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.48:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--peppermint-swirl: #cb6079;
--peppermint-swirl-rgb: 203 96 121;
--peppermint-swirl-oklch: oklch(0.625 0.138 7.2);
}
.element {
color: var(--peppermint-swirl);
background-color: hsl(346 51% 59%);
border-color: oklch(0.625 0.138 7.2);
}Tailwind CSS v4
@theme {
--color-peppermint-swirl: #cb6079;
--color-peppermint-swirl-50: #ffe6ed;
--color-peppermint-swirl-100: #ffd6de;
--color-peppermint-swirl-200: #ffbcc8;
--color-peppermint-swirl-300: #f499a8;
--color-peppermint-swirl-400: #e27990;
--color-peppermint-swirl-500: #cf5976;
--color-peppermint-swirl-600: #af4c64;
--color-peppermint-swirl-700: #8c3d50;
--color-peppermint-swirl-800: #682b3c;
--color-peppermint-swirl-900: #491d29;
--color-peppermint-swirl-950: #300d17;
}SCSS
$peppermint-swirl: #cb6079;
$peppermint-swirl-rgb: 203, 96, 121;
$peppermint-swirl-light: mix(#fff, $peppermint-swirl, 20%);
$peppermint-swirl-dark: mix(#000, $peppermint-swirl, 20%);
.element {
color: $peppermint-swirl;
box-shadow: 0 0 0 2px rgba($peppermint-swirl, 0.35);
}