Couleur nommée la plus proche · #FFE2D9
#FFE2D9
Couleur nommée la plus proche: Pink Parfait
#FFE2D9 (rgb(255 226 217), hsl(14 100% 93%), oklch(0.934 0.034 38)) est la plus proche de la couleur nommée Pink Parfait. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFE2D9
oklch(0.934 0.034 38)
Conversions de couleur
- HEX
- #ffe2d9
- RGB
- rgb(255 226 217)
- HSL
- hsl(14 100% 93%)
- HWB
- hwb(14 85% 0%)
- OKLCH
- oklch(0.934 0.034 38)
- OKLab
- oklab(0.934 0.027 0.021)
- CIE Lab
- lab(92.12 9.25 8.26)
- LCH
- lch(92.12 12.4 41.8)
- CMYK
- cmyk(0% 11% 15% 0%)
Teintes · Ombres · Tons
Teintes
- FFE5DD
- FFE8E1
- FFEBE4
- FFEEE8
- FFF1EC
- FFF3F0
- FFF6F4
- FFF9F7
- FFFCFB
Ombres
- DEC4BC
- BEA8A1
- 9E8C86
- 80716C
- 635753
- 483E3B
- 2E2725
- 161211
- 030302
Tons
- F2D8D0
- E4CEC7
- D7C4BD
- CABAB4
- BEB0AB
- B1A6A3
- A59C9A
- 989391
- 8C8989
Harmonies de couleurs
Complémentaire +180°
- FFE2D9
Pink Parfait
- D1EFF9
≈ Blue Hijab
Analogue -30° +30°
- FFE2D9
Pink Parfait
- FFE0E5
≈ Pink Pleasure
- F9E6D1
≈ Warm Bread
Triadique +120° +240°
- FFE2D9
Pink Parfait
- D7F1E1
≈ Green Brocade
- E4E8FF
≈ Glitter
Complémentaire divisée +150° +210°
- FFE2D9
Pink Parfait
- D1F1ED
≈ Icy Wind
- D9ECFF
≈ Hoarfrost
Tétradique +90° +180° +270°
- FFE2D9
Pink Parfait
- E3EED6
≈ Translucent Vision
- D1EFF9
≈ Blue Hijab
- F0E4FC
≈ Minute Mauve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.13:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--pink-parfait: #ffe2d9;
--pink-parfait-rgb: 255 226 217;
--pink-parfait-oklch: oklch(0.934 0.034 38);
}
.element {
color: var(--pink-parfait);
background-color: hsl(14 100% 93%);
border-color: oklch(0.934 0.034 38);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe2d9;
--color-pink-parfait-50: #fff2ee;
--color-pink-parfait-100: #f3e4df;
--color-pink-parfait-200: #e2d0c9;
--color-pink-parfait-300: #c8b2aa;
--color-pink-parfait-400: #b19890;
--color-pink-parfait-500: #9b7f76;
--color-pink-parfait-600: #836b64;
--color-pink-parfait-700: #695650;
--color-pink-parfait-800: #4d3e3a;
--color-pink-parfait-900: #362b28;
--color-pink-parfait-950: #211816;
}SCSS
$pink-parfait: #ffe2d9;
$pink-parfait-rgb: 255, 226, 217;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}