Couleur nommée la plus proche · #DDA6A2
#DDA6A2
Couleur nommée la plus proche: Pastel Pink
#DDA6A2 (rgb(221 166 162), hsl(4 46% 75%), oklch(0.775 0.066 23.4)) est la plus proche de la couleur nommée Pastel Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDA6A2
oklch(0.775 0.066 23.4)
Conversions de couleur
- HEX
- #dda6a2
- RGB
- rgb(221 166 162)
- HSL
- hsl(4 46% 75%)
- HWB
- hwb(4 64% 13%)
- OKLCH
- oklch(0.775 0.066 23.4)
- OKLab
- oklab(0.775 0.06 0.026)
- CIE Lab
- lab(73.29 20.48 10.41)
- LCH
- lch(73.29 22.97 26.9)
- CMYK
- cmyk(0% 25% 27% 13%)
Teintes · Ombres · Tons
Teintes
- E1AFAB
- E5B8B4
- E8C0BD
- ECC9C6
- EFD2D0
- F3DBD9
- F6E4E2
- F9EDEC
- FCF6F5
Ombres
- C0908C
- A47A77
- 886563
- 6E514F
- 553E3C
- 3D2B2A
- 261A19
- 110A0A
- 020101
Tons
- D4A29F
- CA9E9B
- C19B98
- B89794
- AE9391
- A58F8E
- 9C8C8A
- 928887
- 898483
Harmonies de couleurs
Complémentaire +180°
- DDA6A2
Pastel Pink
- 83C3C9
≈ Big Sky Country
Analogue -30° +30°
- DDA6A2
Pastel Pink
- D8A5B9
≈ Rhubarb Gin
- D8AB8F
≈ Salmon Sand
Triadique +120° +240°
- DDA6A2
Pastel Pink
- 9DC19B
≈ Spruce Stone
- A0B6E1
≈ Honest
Complémentaire divisée +150° +210°
- DDA6A2
Pastel Pink
- 8AC4B2
≈ Aquastone
- 8CBEDA
≈ High Elf Blue
Tétradique +90° +180° +270°
- DDA6A2
Pastel Pink
- B5BB8B
≈ Aloe Plant
- 83C3C9
≈ Big Sky Country
- B7AFDD
≈ Purple Hibiscus
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.08:1 · APCA Lc 41
Ag
AAASur noir
WCAG 10.05:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 10.05:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--pastel-pink: #dda6a2;
--pastel-pink-rgb: 221 166 162;
--pastel-pink-oklch: oklch(0.775 0.066 23.4);
}
.element {
color: var(--pastel-pink);
background-color: hsl(4 46% 75%);
border-color: oklch(0.775 0.066 23.4);
}Tailwind CSS v4
@theme {
--color-pastel-pink: #dda6a2;
--color-pastel-pink-50: #ffeeec;
--color-pastel-pink-100: #fde0dd;
--color-pastel-pink-200: #efcac6;
--color-pastel-pink-300: #d7aba6;
--color-pastel-pink-400: #c2908c;
--color-pastel-pink-500: #ae7571;
--color-pastel-pink-600: #936360;
--color-pastel-pink-700: #764f4d;
--color-pastel-pink-800: #573938;
--color-pastel-pink-900: #3d2726;
--color-pastel-pink-950: #261515;
}SCSS
$pastel-pink: #dda6a2;
$pastel-pink-rgb: 221, 166, 162;
$pastel-pink-light: mix(#fff, $pastel-pink, 20%);
$pastel-pink-dark: mix(#000, $pastel-pink, 20%);
.element {
color: $pastel-pink;
box-shadow: 0 0 0 2px rgba($pastel-pink, 0.35);
}