Nächste benannte Farbe · #FABED7
#FABED7
Nächste benannte Farbe: Cotton Candy
#FABED7 (rgb(250 190 215), hsl(335 86% 86%), oklch(0.863 0.076 352)) liegt am nächsten an der benannten Farbe Cotton Candy. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FABED7
oklch(0.863 0.076 352)
Farbumrechnungen
- HEX
- #fabed7
- RGB
- rgb(250 190 215)
- HSL
- hsl(335 86% 86%)
- HWB
- hwb(335 75% 2%)
- OKLCH
- oklch(0.863 0.076 352)
- OKLab
- oklab(0.863 0.075 -0.011)
- CIE Lab
- lab(83.07 24.96 -3.74)
- LCH
- lch(83.07 25.24 351.5)
- CMYK
- cmyk(0% 24% 14% 2%)
Tints · Shades · Tones
Tints
- FBC5DB
- FCCBDF
- FCD2E3
- FDD8E7
- FEDFEB
- FEE5EF
- FFECF3
- FFF2F7
- FFF9FB
Shades
- D9A5BB
- BA8C9F
- 9B7585
- 7D5E6B
- 614852
- 46333B
- 2D1F25
- 150D11
- 030202
Tones
- EDB8CE
- E1B1C5
- D5ABBC
- C8A5B3
- BC9FAA
- B099A2
- A49299
- 988C91
- 8C8688
Farbharmonien
Komplementär +180°
- FABED7
Cotton Candy
- 9EE3CC
≈ Aqua Wish
Analog -30° +30°
- FABED7
Cotton Candy
- EAC2F0
≈ Purple’s Baby Sister
- FFBFBC
≈ Peach Scone
Triadisch +120° +240°
- FABED7
Cotton Candy
- D2D79E
≈ Misty Bead
- 9FDBFB
≈ Columbia Blue
Geteilt komplementär +150° +210°
- FABED7
Cotton Candy
- B6DFB1
≈ Graceful Flower
- 95E1E7
≈ Aqua Fiesta
Tetradisch +90° +180° +270°
- FABED7
Cotton Candy
- EBCE99
≈ Sunlight
- 9EE3CC
≈ Aqua Wish
- BAD3FF
≈ Ice Cold Stare
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.41:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--cotton-candy: #fabed7;
--cotton-candy-rgb: 250 190 215;
--cotton-candy-oklch: oklch(0.863 0.076 352);
}
.element {
color: var(--cotton-candy);
background-color: hsl(335 86% 86%);
border-color: oklch(0.863 0.076 352);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #fabed7;
--color-cotton-candy-50: #ffedf7;
--color-cotton-candy-100: #fedee9;
--color-cotton-candy-200: #f0c8d6;
--color-cotton-candy-300: #d8a8ba;
--color-cotton-candy-400: #c28ca3;
--color-cotton-candy-500: #ad718b;
--color-cotton-candy-600: #926076;
--color-cotton-candy-700: #754d5e;
--color-cotton-candy-800: #563746;
--color-cotton-candy-900: #3c2630;
--color-cotton-candy-950: #26141d;
}SCSS
$cotton-candy: #fabed7;
$cotton-candy-rgb: 250, 190, 215;
$cotton-candy-light: mix(#fff, $cotton-candy, 20%);
$cotton-candy-dark: mix(#000, $cotton-candy, 20%);
.element {
color: $cotton-candy;
box-shadow: 0 0 0 2px rgba($cotton-candy, 0.35);
}