Couleur nommée la plus proche · #DE9B98
#DE9B98
Couleur nommée la plus proche: She Loves Pink
#DE9B98 (rgb(222 155 152), hsl(3 51% 73%), oklch(0.754 0.081 22)) est la plus proche de la couleur nommée She Loves Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DE9B98
oklch(0.754 0.081 22)
Conversions de couleur
- HEX
- #de9b98
- RGB
- rgb(222 155 152)
- HSL
- hsl(3 51% 73%)
- HWB
- hwb(3 60% 13%)
- OKLCH
- oklch(0.754 0.081 22)
- OKLab
- oklab(0.754 0.075 0.03)
- CIE Lab
- lab(70.63 25.5 12.19)
- LCH
- lch(70.63 28.26 25.6)
- CMYK
- cmyk(0% 30% 32% 13%)
Teintes · Ombres · Tons
Teintes
- E2A5A2
- E6AFAC
- E9B9B6
- EDC3C0
- F0CDCB
- F4D7D5
- F7E1DF
- FAEBEA
- FCF5F4
Ombres
- C18684
- A57270
- 895E5C
- 6F4B4A
- 553938
- 3D2827
- 261817
- 120908
- 020101
Tons
- D59896
- CB9693
- C29391
- B9918E
- AF8E8C
- A68B8A
- 9C8987
- 938685
- 8A8382
Harmonies de couleurs
Complémentaire +180°
- DE9B98
She Loves Pink
- 6CBFC5
≈ Luna Moona
Analogue -30° +30°
- DE9B98
She Loves Pink
- D89AB4
≈ Haute Pink
- D9A180
≈ Nice Tan
Triadique +120° +240°
- DE9B98
She Loves Pink
- 92BD8D
≈ Tiki Monster
- 93B0E3
≈ Blue Skies Today
Complémentaire divisée +150° +210°
- DE9B98
She Loves Pink
- 77C0A9
≈ Celadon Porcelain
- 79B9DA
≈ Pacific Harbour
Tétradique +90° +180° +270°
- DE9B98
She Loves Pink
- B0B578
≈ Timothy Grass
- 6CBFC5
≈ Luna Moona
- B0A6DF
≈ Grape Illusion
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.27:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.24:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--she-loves-pink: #de9b98;
--she-loves-pink-rgb: 222 155 152;
--she-loves-pink-oklch: oklch(0.754 0.081 22);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(3 51% 73%);
border-color: oklch(0.754 0.081 22);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #de9b98;
--color-she-loves-pink-50: #ffedea;
--color-she-loves-pink-100: #ffdedb;
--color-she-loves-pink-200: #f5c8c4;
--color-she-loves-pink-300: #dea8a3;
--color-she-loves-pink-400: #ca8c89;
--color-she-loves-pink-500: #b6706e;
--color-she-loves-pink-600: #9a5f5d;
--color-she-loves-pink-700: #7b4c4a;
--color-she-loves-pink-800: #5b3737;
--color-she-loves-pink-900: #402525;
--color-she-loves-pink-950: #291414;
}SCSS
$she-loves-pink: #de9b98;
$she-loves-pink-rgb: 222, 155, 152;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}