이름 색상 · #F5BCDE
Cotton Candy Aesthetic
Cotton Candy Aesthetic은(는) #F5BCDE: rgb(245 188 222), hsl(324 74% 85%), oklch(0.856 0.078 342.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Cotton Candy Aesthetic color name →
#F5BCDE
oklch(0.856 0.078 342.4)
색상 변환
- HEX
- #f5bcde
- RGB
- rgb(245 188 222)
- HSL
- hsl(324 74% 85%)
- HWB
- hwb(324 74% 4%)
- OKLCH
- oklch(0.856 0.078 342.4)
- OKLab
- oklab(0.856 0.075 -0.024)
- CIE Lab
- lab(82.27 25.02 -8.72)
- LCH
- lch(82.27 26.49 340.8)
- CMYK
- cmyk(0% 23% 9% 4%)
틴트 · 셰이드 · 톤
틴트
- F6C3E1
- F8C9E5
- F9D0E8
- FAD7EB
- FBDEEE
- FCE4F2
- FDEBF5
- FEF2F8
- FEF8FC
셰이드
- D5A3C1
- B68BA5
- 987389
- 7B5D6F
- 5F4755
- 44323D
- 2B1F26
- 150D12
- 030202
톤
- E9B6D4
- DDB0CB
- D1AAC1
- C5A4B7
- BA9EAE
- AE98A5
- A2929B
- 978C92
- 8B8689
색 조화
보색 +180°
- F5BCDE
Cotton Candy Aesthetic
- A1E0C1
≈ Reef Green
유사색 -30° +30°
- F5BCDE
Cotton Candy Aesthetic
- E2C2F5
≈ Neon Boneyard
- FFBBC2
≈ A Lot of Love
삼각 배색 +120° +240°
- F5BCDE
Cotton Candy Aesthetic
- D9D296
≈ That’s My Lime
- 95DCF5
≈ Sora Blue
분열 보색 +150° +210°
- F5BCDE
Cotton Candy Aesthetic
- BDDBA6
≈ Embroidered Silk
- 91E1DD
≈ Aqua Fiesta
사각 배색 +90° +180° +270°
- F5BCDE
Cotton Candy Aesthetic
- F0C897
≈ Mellow Moment
- A1E0C1
≈ Reef Green
- AED4FF
≈ 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-aesthetic: #f5bcde;
--cotton-candy-aesthetic-rgb: 245 188 222;
--cotton-candy-aesthetic-oklch: oklch(0.856 0.078 342.4);
}
.element {
color: var(--cotton-candy-aesthetic);
background-color: hsl(324 74% 85%);
border-color: oklch(0.856 0.078 342.4);
}Tailwind CSS v4
@theme {
--color-cotton-candy-aesthetic: #f5bcde;
--color-cotton-candy-aesthetic-50: #ffedfb;
--color-cotton-candy-aesthetic-100: #fcdeee;
--color-cotton-candy-aesthetic-200: #eec7dc;
--color-cotton-candy-aesthetic-300: #d5a8c1;
--color-cotton-candy-aesthetic-400: #c08cab;
--color-cotton-candy-aesthetic-500: #aa7194;
--color-cotton-candy-aesthetic-600: #90607e;
--color-cotton-candy-aesthetic-700: #744d64;
--color-cotton-candy-aesthetic-800: #55384b;
--color-cotton-candy-aesthetic-900: #3b2634;
--color-cotton-candy-aesthetic-950: #25141f;
}SCSS
$cotton-candy-aesthetic: #f5bcde;
$cotton-candy-aesthetic-rgb: 245, 188, 222;
$cotton-candy-aesthetic-light: mix(#fff, $cotton-candy-aesthetic, 20%);
$cotton-candy-aesthetic-dark: mix(#000, $cotton-candy-aesthetic, 20%);
.element {
color: $cotton-candy-aesthetic;
box-shadow: 0 0 0 2px rgba($cotton-candy-aesthetic, 0.35);
}