Benoemde kleur · #E79EA6
Strawberry Smoothie
Strawberry Smoothie is #E79EA6: rgb(231 158 166), hsl(353 60% 76%), oklch(0.773 0.088 12.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Strawberry Smoothie color name →
#E79EA6
oklch(0.773 0.088 12.1)
Kleurconversies
- HEX
- #e79ea6
- RGB
- rgb(231 158 166)
- HSL
- hsl(353 60% 76%)
- HWB
- hwb(353 62% 9%)
- OKLCH
- oklch(0.773 0.088 12.1)
- OKLab
- oklab(0.773 0.086 0.018)
- CIE Lab
- lab(72.63 28.75 7.47)
- LCH
- lch(72.63 29.71 14.6)
- CMYK
- cmyk(0% 32% 28% 9%)
Tinten · Schaduwen · Tonen
Tinten
- EAA8AF
- EDB1B7
- F0BBC0
- F3C5C9
- F5CED2
- F7D8DB
- FAE2E4
- FCEBED
- FDF5F6
Schaduwen
- C98990
- AB747A
- 8F6065
- 734D51
- 593A3E
- 40292B
- 28181A
- 13090A
- 030101
Tonen
- DD9BA2
- D2989E
- C8959A
- BE9397
- B49093
- A98D8F
- 9F898B
- 958687
- 8A8384
Kleurharmonieën
Complementair +180°
- E79EA6
Strawberry Smoothie
- 6CC7C3
≈ Chinese Lacquer
Analoog -30° +30°
- E79EA6
Strawberry Smoothie
- DD9FC5
≈ Prominent Pink
- E6A389
≈ Peach Nougat
Triadisch +120° +240°
- E79EA6
Strawberry Smoothie
- A0C187
≈ Green Herb
- 8CB9EC
≈ Electric Eel
Gesplitst complementair +150° +210°
- E79EA6
Strawberry Smoothie
- 80C7A4
≈ Foul Green
- 72C2DD
≈ Candid Blue
Tetradisch +90° +180° +270°
- E79EA6
Strawberry Smoothie
- C0B875
≈ Liminal Yellow
- 6CC7C3
≈ Chinese Lacquer
- ACAFEC
≈ Maximum Blue Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.13:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.83:1 · APCA Lc 60
Beste tekstkleur: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Codefragmenten
CSS
:root {
--strawberry-smoothie: #e79ea6;
--strawberry-smoothie-rgb: 231 158 166;
--strawberry-smoothie-oklch: oklch(0.773 0.088 12.1);
}
.element {
color: var(--strawberry-smoothie);
background-color: hsl(353 60% 76%);
border-color: oklch(0.773 0.088 12.1);
}Tailwind CSS v4
@theme {
--color-strawberry-smoothie: #e79ea6;
--color-strawberry-smoothie-50: #ffeced;
--color-strawberry-smoothie-100: #ffdddf;
--color-strawberry-smoothie-200: #f7c6c9;
--color-strawberry-smoothie-300: #e1a5aa;
--color-strawberry-smoothie-400: #cc8990;
--color-strawberry-smoothie-500: #b86d76;
--color-strawberry-smoothie-600: #9c5d64;
--color-strawberry-smoothie-700: #7d4a50;
--color-strawberry-smoothie-800: #5d353b;
--color-strawberry-smoothie-900: #412429;
--color-strawberry-smoothie-950: #291317;
}SCSS
$strawberry-smoothie: #e79ea6;
$strawberry-smoothie-rgb: 231, 158, 166;
$strawberry-smoothie-light: mix(#fff, $strawberry-smoothie, 20%);
$strawberry-smoothie-dark: mix(#000, $strawberry-smoothie, 20%);
.element {
color: $strawberry-smoothie;
box-shadow: 0 0 0 2px rgba($strawberry-smoothie, 0.35);
}