Couleur nommée · #EFBECF
Pink Chintz
Pink Chintz correspond à #EFBECF : rgb(239 190 207), hsl(339 60% 84%), oklch(0.85 0.06 355.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Pink Chintz color name →
#EFBECF
oklch(0.85 0.06 355.7)
Conversions de couleur
- HEX
- #efbecf
- RGB
- rgb(239 190 207)
- HSL
- hsl(339 60% 84%)
- HWB
- hwb(339 75% 6%)
- OKLCH
- oklch(0.85 0.06 355.7)
- OKLab
- oklab(0.85 0.06 -0.004)
- CIE Lab
- lab(81.78 20.04 -1.5)
- LCH
- lch(81.78 20.1 355.7)
- CMYK
- cmyk(0% 21% 13% 6%)
Teintes · Ombres · Tons
Teintes
- F1C4D4
- F3CBD8
- F5D1DD
- F6D8E2
- F8DEE7
- F9E5EC
- FBEBF0
- FCF2F5
- FEF8FA
Ombres
- D0A5B4
- B18C99
- 94757F
- 785E67
- 5C484F
- 423338
- 2A1F23
- 140D10
- 030202
Tons
- E4B8C7
- D8B1BF
- CDABB7
- C2A5AF
- B79FA7
- AB989F
- A09297
- 968C8F
- 8B8688
Harmonies de couleurs
Complémentaire +180°
- EFBECF
Pink Chintz
- A5DBCC
≈ Prism
Analogue -30° +30°
- EFBECF
Pink Chintz
- E3C1E3
≈ Glittering Gemstone
- F3BFBA
≈ Rainbow
Triadique +120° +240°
- EFBECF
Pink Chintz
- CBD3A6
≈ True to You
- A8D5F0
≈ Light Shimmer
Complémentaire divisée +150° +210°
- EFBECF
Pink Chintz
- B5D9B6
≈ Bleached Spruce
- 9FDAE1
≈ Terrace Pool
Tétradique +90° +180° +270°
- EFBECF
Pink Chintz
- DFCBA1
≈ Shui Jiao Dumpling
- A5DBCC
≈ Prism
- BBCEF6
≈ Frost Fairy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.62:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.93:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--pink-chintz: #efbecf;
--pink-chintz-rgb: 239 190 207;
--pink-chintz-oklch: oklch(0.85 0.06 355.7);
}
.element {
color: var(--pink-chintz);
background-color: hsl(339 60% 84%);
border-color: oklch(0.85 0.06 355.7);
}Tailwind CSS v4
@theme {
--color-pink-chintz: #efbecf;
--color-pink-chintz-50: #ffeef5;
--color-pink-chintz-100: #fae0e8;
--color-pink-chintz-200: #ebcad4;
--color-pink-chintz-300: #d2abb7;
--color-pink-chintz-400: #bc90a0;
--color-pink-chintz-500: #a77688;
--color-pink-chintz-600: #8d6473;
--color-pink-chintz-700: #71505c;
--color-pink-chintz-800: #533a44;
--color-pink-chintz-900: #3a282f;
--color-pink-chintz-950: #24161b;
}SCSS
$pink-chintz: #efbecf;
$pink-chintz-rgb: 239, 190, 207;
$pink-chintz-light: mix(#fff, $pink-chintz, 20%);
$pink-chintz-dark: mix(#000, $pink-chintz, 20%);
.element {
color: $pink-chintz;
box-shadow: 0 0 0 2px rgba($pink-chintz, 0.35);
}