Nearest named color · #FBA3D7
#FBA3D7
Nearest named color: Fresh Gum
#FBA3D7 (rgb(251 163 215), hsl(325 92% 81%), oklch(0.818 0.122 343.8)) is closest to the named color Fresh Gum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FBA3D7
oklch(0.818 0.122 343.8)
Color conversions
- HEX
- #fba3d7
- RGB
- rgb(251 163 215)
- HSL
- hsl(325 92% 81%)
- HWB
- hwb(325 64% 2%)
- OKLCH
- oklch(0.818 0.122 343.8)
- OKLab
- oklab(0.818 0.117 -0.034)
- CIE Lab
- lab(77.18 38.75 -12.36)
- LCH
- lch(77.18 40.67 342.3)
- CMYK
- cmyk(0% 35% 14% 2%)
Tints · Shades · Tones
Tints
- FCACDB
- FDB6DF
- FEBFE3
- FFC8E7
- FFD1EB
- FFDBEF
- FFE4F3
- FFEDF7
- FFF6FB
Shades
- DA8DBB
- BA789F
- 9C6385
- 7E4F6B
- 613C52
- 462A3B
- 2D1925
- 150A11
- 030102
Tones
- EFA0CE
- E29DC5
- D699BC
- CA96B3
- BD92AB
- B18FA2
- A58B99
- 998891
- 8C8488
Color harmonies
Complementary +180°
- FBA3D7
Fresh Gum
- 6FDCAE
≈ Medium Aquamarine
Analogous -30° +30°
- FBA3D7
Fresh Gum
- E0ABFB
≈ Testosterose
- FFA7AF
≈ Strawberry Frappé
Triadic +120° +240°
- FBA3D7
Fresh Gum
- D1C764
≈ Nervy Hue
- 5BD4FD
≈ Libra Blue Morpho
Split-complementary +150° +210°
- FBA3D7
Fresh Gum
- A3D582
≈ Celery Sprig
- 49DCDA
≈ Neon Nazar
Tetradic +90° +180° +270°
- FBA3D7
Fresh Gum
- F2B764
≈ Buff Yellow
- 6FDCAE
≈ Medium Aquamarine
- 99C7FF
≈ Apocyan
Contrast & accessibility
Ag
FailOn white
WCAG 1.85:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.32:1 · APCA Lc 68
Best text color: #000000
WCAG 11.32:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--fresh-gum: #fba3d7;
--fresh-gum-rgb: 251 163 215;
--fresh-gum-oklch: oklch(0.818 0.122 343.8);
}
.element {
color: var(--fresh-gum);
background-color: hsl(325 92% 81%);
border-color: oklch(0.818 0.122 343.8);
}Tailwind CSS v4
@theme {
--color-fresh-gum: #fba3d7;
--color-fresh-gum-50: #ffe8fd;
--color-fresh-gum-100: #ffd8f1;
--color-fresh-gum-200: #fcc0df;
--color-fresh-gum-300: #e59ec5;
--color-fresh-gum-400: #d180b0;
--color-fresh-gum-500: #bd629a;
--color-fresh-gum-600: #9f5482;
--color-fresh-gum-700: #804368;
--color-fresh-gum-800: #5e304e;
--color-fresh-gum-900: #422136;
--color-fresh-gum-950: #2a1021;
}SCSS
$fresh-gum: #fba3d7;
$fresh-gum-rgb: 251, 163, 215;
$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);
}