Couleur nommée la plus proche · #CE99A7
#CE99A7
Couleur nommée la plus proche: Young at Heart
#CE99A7 (rgb(206 153 167), hsl(344 35% 70%), oklch(0.737 0.066 1.4)) est la plus proche de la couleur nommée Young at Heart. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CE99A7
oklch(0.737 0.066 1.4)
Conversions de couleur
- HEX
- #ce99a7
- RGB
- rgb(206 153 167)
- HSL
- hsl(344 35% 70%)
- HWB
- hwb(344 60% 19%)
- OKLCH
- oklch(0.737 0.066 1.4)
- OKLab
- oklab(0.737 0.066 0.002)
- CIE Lab
- lab(68.69 21.97 0.85)
- LCH
- lch(68.69 21.98 2.2)
- CMYK
- cmyk(0% 26% 19% 19%)
Teintes · Ombres · Tons
Teintes
- D3A3AF
- D8ADB8
- DEB7C1
- E3C1C9
- E8CBD2
- ECD6DB
- F1E0E4
- F6EAED
- FAF5F6
Ombres
- B38491
- 98707B
- 7F5D66
- 664A52
- 4E383E
- 38272C
- 23171A
- 0F080A
- 020101
Tons
- C697A3
- BE949F
- B7929B
- AF8F97
- A78D93
- 9F8A8F
- 97888C
- 908588
- 888384
Harmonies de couleurs
Complémentaire +180°
- CE99A7
Young at Heart
- 7AB8AC
≈ Cooled Blue
Analogue -30° +30°
- CE99A7
Young at Heart
- C39BBD
≈ Lupine
- D09B91
≈ Nectarine Spice
Triadique +120° +240°
- CE99A7
Young at Heart
- A3B182
≈ Fresh Guacamole
- 85B0D0
≈ Boo Blue
Complémentaire divisée +150° +210°
- CE99A7
Young at Heart
- 8CB695
≈ Garden View
- 78B6C2
≈ Culinary Blue
Tétradique +90° +180° +270°
- CE99A7
Young at Heart
- B9A97A
≈ Fresh Brew
- 7AB8AC
≈ Cooled Blue
- 9BA8D4
≈ Bright Bluebell
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.40:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.73:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--young-at-heart: #ce99a7;
--young-at-heart-rgb: 206 153 167;
--young-at-heart-oklch: oklch(0.737 0.066 1.4);
}
.element {
color: var(--young-at-heart);
background-color: hsl(344 35% 70%);
border-color: oklch(0.737 0.066 1.4);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #ce99a7;
--color-young-at-heart-50: #ffeef3;
--color-young-at-heart-100: #fcdfe5;
--color-young-at-heart-200: #eec9d1;
--color-young-at-heart-300: #d6aab4;
--color-young-at-heart-400: #c08f9c;
--color-young-at-heart-500: #ab7483;
--color-young-at-heart-600: #91626f;
--color-young-at-heart-700: #744e59;
--color-young-at-heart-800: #563942;
--color-young-at-heart-900: #3c272d;
--color-young-at-heart-950: #25151a;
}SCSS
$young-at-heart: #ce99a7;
$young-at-heart-rgb: 206, 153, 167;
$young-at-heart-light: mix(#fff, $young-at-heart, 20%);
$young-at-heart-dark: mix(#000, $young-at-heart, 20%);
.element {
color: $young-at-heart;
box-shadow: 0 0 0 2px rgba($young-at-heart, 0.35);
}