Benoemde kleur · #FFAADD
Fresh Gum
Fresh Gum is #FFAADD: rgb(255 170 221), hsl(324 100% 83%), oklch(0.836 0.118 343.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Fresh Gum color name →
#FFAADD
oklch(0.836 0.118 343.2)
Kleurconversies
- HEX
- #ffaadd
- RGB
- rgb(255 170 221)
- HSL
- hsl(324 100% 83%)
- HWB
- hwb(324 67% 0%)
- OKLCH
- oklch(0.836 0.118 343.2)
- OKLab
- oklab(0.836 0.113 -0.034)
- CIE Lab
- lab(79.3 37.38 -12.42)
- LCH
- lch(79.3 39.39 341.6)
- CMYK
- cmyk(0% 33% 13% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFB3E0
- FFBBE4
- FFC4E7
- FFCCEB
- FFD5EE
- FFDDF1
- FFE6F5
- FFEEF8
- FFF7FC
Schaduwen
- DE93C0
- BE7DA4
- 9E6888
- 80536E
- 633F55
- 482D3D
- 2E1B26
- 160B11
- 030102
Tonen
- F2A6D3
- E5A2CA
- D89EC0
- CC9AB7
- BF96AD
- B291A4
- A68D9B
- 998992
- 8D8489
Kleurharmonieën
Complementair +180°
- FFAADD
Fresh Gum
- 7AE1B3
≈ Jovial Jade
Analoog -30° +30°
- FFAADD
Fresh Gum
- E4B3FF
≈ Mauve
- FFB1B8
≈ Poodle Skirt
Triadisch +120° +240°
- FFAADD
Fresh Gum
- D7CD6E
≈ Force of Nature
- 6BD9FF
≈ Sky
Gesplitst complementair +150° +210°
- FFAADD
Fresh Gum
- ABDA8A
≈ Feijoa
- 58E1DE
≈ Pluviophile
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.04:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--fresh-gum: #ffaadd;
--fresh-gum-rgb: 255 170 221;
--fresh-gum-oklch: oklch(0.836 0.118 343.2);
}
.element {
color: var(--fresh-gum);
background-color: hsl(324 100% 83%);
border-color: oklch(0.836 0.118 343.2);
}Tailwind CSS v4
@theme {
--color-fresh-gum: #ffaadd;
--color-fresh-gum-50: #ffe8fd;
--color-fresh-gum-100: #ffd9f1;
--color-fresh-gum-200: #fac1e0;
--color-fresh-gum-300: #e39fc5;
--color-fresh-gum-400: #cf82b0;
--color-fresh-gum-500: #bb649a;
--color-fresh-gum-600: #9e5582;
--color-fresh-gum-700: #7f4468;
--color-fresh-gum-800: #5d314e;
--color-fresh-gum-900: #412136;
--color-fresh-gum-950: #2a1021;
}SCSS
$fresh-gum: #ffaadd;
$fresh-gum-rgb: 255, 170, 221;
$fresh-gum-light: mix(#fff, $fresh-gum, 20%);
$fresh-gum-dark: mix(#000, $fresh-gum, 20%);
.element {
color: $fresh-gum;
box-shadow: 0 0 0 2px rgba($fresh-gum, 0.35);
}