En yakın adlandırılmış renk · #FCBAD6
#FCBAD6
En yakın adlandırılmış renk: Cotton Candy
#FCBAD6 (rgb(252 186 214), hsl(335 92% 86%), oklch(0.857 0.084 351.8)) en çok Cotton Candy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FCBAD6
oklch(0.857 0.084 351.8)
Renk dönüşümleri
- HEX
- #fcbad6
- RGB
- rgb(252 186 214)
- HSL
- hsl(335 92% 86%)
- HWB
- hwb(335 73% 1%)
- OKLCH
- oklch(0.857 0.084 351.8)
- OKLab
- oklab(0.857 0.083 -0.012)
- CIE Lab
- lab(82.34 27.56 -4.24)
- LCH
- lch(82.34 27.88 351.3)
- CMYK
- cmyk(0% 26% 15% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FDC1DA
- FDC8DE
- FECFE2
- FFD6E6
- FFDDEA
- FFE3EE
- FFEAF3
- FFF1F7
- FFF8FB
Koyu tonlar
- DBA1BA
- BB899E
- 9C7284
- 7E5C6A
- 624652
- 47323B
- 2D1E25
- 160D10
- 030202
Gri tonlar
- EFB4CD
- E3AEC4
- D6A9BB
- CAA3B3
- BD9DAA
- B197A1
- A49199
- 988C91
- 8C8688
Renk uyumları
Tamamlayıcı +180°
- FCBAD6
Cotton Candy
- 96E2CA
≈ Clean Green
Analog -30° +30°
- FCBAD6
Cotton Candy
- EABEF1
≈ Lovecloud
- FFBDBA
≈ Peach Scone
Üçlü +120° +240°
- FCBAD6
Cotton Candy
- D1D696
≈ Mellow Green
- 97DBFE
≈ Shiva Blue
Bölünmüş tamamlayıcı +150° +210°
- FCBAD6
Cotton Candy
- B2DFAC
≈ Frozen Moss Green
- 8BE1E7
≈ Paradisiacal Getaway
Dörtlü +90° +180° +270°
- FCBAD6
Cotton Candy
- ECCB91
≈ Honeysuckle Beige
- 96E2CA
≈ Clean Green
- B7D1FF
≈ Ice Cold Stare
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.13:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--cotton-candy: #fcbad6;
--cotton-candy-rgb: 252 186 214;
--cotton-candy-oklch: oklch(0.857 0.084 351.8);
}
.element {
color: var(--cotton-candy);
background-color: hsl(335 92% 86%);
border-color: oklch(0.857 0.084 351.8);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #fcbad6;
--color-cotton-candy-50: #ffecf7;
--color-cotton-candy-100: #ffddea;
--color-cotton-candy-200: #f2c6d7;
--color-cotton-candy-300: #dba6ba;
--color-cotton-candy-400: #c58aa4;
--color-cotton-candy-500: #b16f8c;
--color-cotton-candy-600: #955e77;
--color-cotton-candy-700: #784b5f;
--color-cotton-candy-800: #583646;
--color-cotton-candy-900: #3e2531;
--color-cotton-candy-950: #27131d;
}SCSS
$cotton-candy: #fcbad6;
$cotton-candy-rgb: 252, 186, 214;
$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);
}