最も近い色名 · #FCBAD6
#FCBAD6
最も近い色名: Cotton Candy
#FCBAD6（rgb(252 186 214)、hsl(335 92% 86%)、oklch(0.857 0.084 351.8)）に最も近い色名はCotton Candyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FCBAD6
oklch(0.857 0.084 351.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FDC1DA
- FDC8DE
- FECFE2
- FFD6E6
- FFDDEA
- FFE3EE
- FFEAF3
- FFF1F7
- FFF8FB
シェード
- DBA1BA
- BB899E
- 9C7284
- 7E5C6A
- 624652
- 47323B
- 2D1E25
- 160D10
- 030202
トーン
- EFB4CD
- E3AEC4
- D6A9BB
- CAA3B3
- BD9DAA
- B197A1
- A49199
- 988C91
- 8C8688
カラーハーモニー
補色 +180°
- FCBAD6
Cotton Candy
- 96E2CA
≈ Clean Green
類似色 -30° +30°
- FCBAD6
Cotton Candy
- EABEF1
≈ Lovecloud
- FFBDBA
≈ Peach Scone
トライアド +120° +240°
- FCBAD6
Cotton Candy
- D1D696
≈ Mellow Green
- 97DBFE
≈ Shiva Blue
スプリットコンプリメンタリー +150° +210°
- FCBAD6
Cotton Candy
- B2DFAC
≈ Frozen Moss Green
- 8BE1E7
≈ Paradisiacal Getaway
テトラード +90° +180° +270°
- FCBAD6
Cotton Candy
- ECCB91
≈ Honeysuckle Beige
- 96E2CA
≈ Clean Green
- B7D1FF
≈ Ice Cold Stare
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.13:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
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);
}