Dichtstbijzijnde benoemde kleur · #FF99AF
#FF99AF
Dichtstbijzijnde benoemde kleur: Piggy
#FF99AF (rgb(255 153 175), hsl(347 100% 80%), oklch(0.794 0.124 6.4)) komt het dichtst bij de benoemde kleur Piggy. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FF99AF
oklch(0.794 0.124 6.4)
Kleurconversies
- HEX
- #ff99af
- RGB
- rgb(255 153 175)
- HSL
- hsl(347 100% 80%)
- HWB
- hwb(347 60% 0%)
- OKLCH
- oklch(0.794 0.124 6.4)
- OKLab
- oklab(0.794 0.123 0.014)
- CIE Lab
- lab(74.63 40.94 5.84)
- LCH
- lch(74.63 41.36 8.1)
- CMYK
- cmyk(0% 40% 31% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFA4B7
- FFAEBF
- FFB8C6
- FFC3CE
- FFCDD6
- FFD7DE
- FFE1E6
- FFEBEF
- FFF5F7
Schaduwen
- DE8498
- BE7081
- 9E5D6B
- 804A56
- 633841
- 48272E
- 2E171C
- 16080B
- 030101
Tonen
- F297AA
- E695A5
- D993A1
- CD909C
- C08E97
- B38B93
- A7898E
- 9A8689
- 8D8385
Kleurharmonieën
Complementair +180°
- FF99AF
Piggy
- 40D5C8
≈ Turquoise Panic
Analoog -30° +30°
- FF99AF
Piggy
- EE9CDA
≈ Violet Kiss
- FF9F84
≈ Tangerine Cream
Triadisch +120° +240°
- FF99AF
Piggy
- A7CA70
≈ Alverda
- 7EC3FF
≈ Maya Blue
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.01:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.42:1 · APCA Lc 64
Beste tekstkleur: #000000
WCAG 10.42:1 (AAA) · APCA Lc 64
Contrast pairs
Codefragmenten
CSS
:root {
--piggy: #ff99af;
--piggy-rgb: 255 153 175;
--piggy-oklch: oklch(0.794 0.124 6.4);
}
.element {
color: var(--piggy);
background-color: hsl(347 100% 80%);
border-color: oklch(0.794 0.124 6.4);
}Tailwind CSS v4
@theme {
--color-piggy: #ff99af;
--color-piggy-50: #ffe7ee;
--color-piggy-100: #ffd7e0;
--color-piggy-200: #ffbfca;
--color-piggy-300: #ef9dab;
--color-piggy-400: #dc7e93;
--color-piggy-500: #c85f79;
--color-piggy-600: #a95166;
--color-piggy-700: #884052;
--color-piggy-800: #652e3d;
--color-piggy-900: #471f2a;
--color-piggy-950: #2e0e18;
}SCSS
$piggy: #ff99af;
$piggy-rgb: 255, 153, 175;
$piggy-light: mix(#fff, $piggy, 20%);
$piggy-dark: mix(#000, $piggy, 20%);
.element {
color: $piggy;
box-shadow: 0 0 0 2px rgba($piggy, 0.35);
}