色名 · #FFBBBB
Hard Candy
Hard Candyは#FFBBBB：rgb(255 187 187)、hsl(0 100% 87%)、oklch(0.855 0.079 18.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Hard Candy color name →
#FFBBBB
oklch(0.855 0.079 18.8)
カラー変換
- HEX
- #ffbbbb
- RGB
- rgb(255 187 187)
- HSL
- hsl(0 100% 87%)
- HWB
- hwb(0 73% 0%)
- OKLCH
- oklch(0.855 0.079 18.8)
- OKLab
- oklab(0.855 0.075 0.025)
- CIE Lab
- lab(82.32 25.27 10.2)
- LCH
- lch(82.32 27.26 22)
- CMYK
- cmyk(0% 27% 27% 0%)
ティント · シェード · トーン
ティント
- FFC2C2
- FFC9C8
- FFD0CF
- FFD6D6
- FFDDDD
- FFE4E3
- FFEBEA
- FFF1F1
- FFF8F8
シェード
- DEA2A2
- BE8A8A
- 9E7373
- 805C5C
- 634646
- 483232
- 2E1F1F
- 160D0D
- 030202
トーン
- F2B5B5
- E5AFAF
- D8A9A9
- CBA3A3
- BF9D9D
- B29897
- A59291
- 998C8C
- 8C8686
カラーハーモニー
補色 +180°
- FFBBBB
Hard Candy
- 8FE0E3
≈ Paradisiacal Getaway
類似色 -30° +30°
- FFBBBB
Hard Candy
- F8BBD8
≈ Flamingo Feather
- FBC1A2
≈ Sweet Apricot
トライアド +120° +240°
- FFBBBB
Hard Candy
- B6DCAB
≈ Embroidered Silk
- B3D1FF
≈ Ice Cold Stare
スプリットコンプリメンタリー +150° +210°
- FFBBBB
Hard Candy
- 9BE0C6
≈ Almost Aqua
- 98DAF9
≈ Shiva Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.07:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--hard-candy: #ffbbbb;
--hard-candy-rgb: 255 187 187;
--hard-candy-oklch: oklch(0.855 0.079 18.8);
}
.element {
color: var(--hard-candy);
background-color: hsl(0 100% 87%);
border-color: oklch(0.855 0.079 18.8);
}Tailwind CSS v4
@theme {
--color-hard-candy: #ffbbbb;
--color-hard-candy-50: #ffedeb;
--color-hard-candy-100: #ffdedd;
--color-hard-candy-200: #f5c8c6;
--color-hard-candy-300: #dda8a6;
--color-hard-candy-400: #c98c8c;
--color-hard-candy-500: #b57071;
--color-hard-candy-600: #995f60;
--color-hard-candy-700: #7a4c4d;
--color-hard-candy-800: #5b3739;
--color-hard-candy-900: #3f2627;
--color-hard-candy-950: #281415;
}SCSS
$hard-candy: #ffbbbb;
$hard-candy-rgb: 255, 187, 187;
$hard-candy-light: mix(#fff, $hard-candy, 20%);
$hard-candy-dark: mix(#000, $hard-candy, 20%);
.element {
color: $hard-candy;
box-shadow: 0 0 0 2px rgba($hard-candy, 0.35);
}