가장 가까운 이름 색상 · #FFBBD5
#FFBBD5
가장 가까운 이름 색상: Cotton Candy
#FFBBD5(rgb(255 187 213), hsl(337 100% 87%), oklch(0.862 0.085 354.3))와 가장 가까운 이름 색상은 Cotton Candy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFBBD5
oklch(0.862 0.085 354.3)
색상 변환
- HEX
- #ffbbd5
- RGB
- rgb(255 187 213)
- HSL
- hsl(337 100% 87%)
- HWB
- hwb(337 73% 0%)
- OKLCH
- oklch(0.862 0.085 354.3)
- OKLab
- oklab(0.862 0.084 -0.008)
- CIE Lab
- lab(82.86 28.02 -2.9)
- LCH
- lch(82.86 28.17 354.1)
- CMYK
- cmyk(0% 27% 16% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC2D9
- FFC9DD
- FFD0E1
- FFD6E6
- FFDDEA
- FFE4EE
- FFEBF2
- FFF1F6
- FFF8FB
셰이드
- DEA2B9
- BE8A9E
- 9E7383
- 805C6A
- 634651
- 48323A
- 2E1F24
- 160D10
- 030202
톤
- F2B5CC
- E5AFC3
- D8A9BB
- CBA3B2
- BF9DAA
- B298A1
- A59299
- 998C90
- 8C8688
색 조화
보색 +180°
- FFBBD5
Cotton Candy
- 95E4CE
≈ Aqua Wish
유사색 -30° +30°
- FFBBD5
Cotton Candy
- EEBFF1
≈ Lovecloud
- FFBFBA
≈ Peach Scone
삼각 배색 +120° +240°
- FFBBD5
Cotton Candy
- D0D898
≈ Cucumber Ice
- 9DDBFF
≈ Shiva Blue
분열 보색 +150° +210°
- FFBBD5
Cotton Candy
- B0E1AF
≈ Celadon
- 8CE2EB
≈ Paradisiacal Getaway
사각 배색 +90° +180° +270°
- FFBBD5
Cotton Candy
- ECCE91
≈ Honeydew Sand
- 95E4CE
≈ Aqua Wish
- BBD2FF
≈ Ice Cold Stare
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--cotton-candy: #ffbbd5;
--cotton-candy-rgb: 255 187 213;
--cotton-candy-oklch: oklch(0.862 0.085 354.3);
}
.element {
color: var(--cotton-candy);
background-color: hsl(337 100% 87%);
border-color: oklch(0.862 0.085 354.3);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #ffbbd5;
--color-cotton-candy-50: #ffecf6;
--color-cotton-candy-100: #ffdde8;
--color-cotton-candy-200: #f3c6d5;
--color-cotton-candy-300: #dca6b8;
--color-cotton-candy-400: #c78aa2;
--color-cotton-candy-500: #b26e8a;
--color-cotton-candy-600: #975d74;
--color-cotton-candy-700: #794b5d;
--color-cotton-candy-800: #593645;
--color-cotton-candy-900: #3e2530;
--color-cotton-candy-950: #27131c;
}SCSS
$cotton-candy: #ffbbd5;
$cotton-candy-rgb: 255, 187, 213;
$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);
}