이름 색상 · #FADADD
Sun Bleached Pink
Sun Bleached Pink은(는) #FADADD: rgb(250 218 221), hsl(354 76% 92%), oklch(0.916 0.036 11.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Sun Bleached Pink color name →
#FADADD
oklch(0.916 0.036 11.4)
색상 변환
- HEX
- #fadadd
- RGB
- rgb(250 218 221)
- HSL
- hsl(354 76% 92%)
- HWB
- hwb(354 85% 2%)
- OKLCH
- oklch(0.916 0.036 11.4)
- OKLab
- oklab(0.916 0.035 0.007)
- CIE Lab
- lab(89.82 11.8 2.83)
- LCH
- lch(89.82 12.14 13.5)
- CMYK
- cmyk(0% 13% 12% 2%)
틴트 · 셰이드 · 톤
틴트
- FBDEE0
- FBE1E4
- FCE5E7
- FCE9EA
- FDECEE
- FDF0F1
- FEF4F5
- FEF8F8
- FFFBFC
셰이드
- D9BDC0
- BAA2A4
- 9B8788
- 7D6C6E
- 615455
- 463C3D
- 2D2526
- 151111
- 030202
톤
- EDD1D3
- E1C7CA
- D4BEC0
- C8B5B7
- BBACAD
- AFA3A4
- A39A9B
- 979192
- 8C8989
색 조화
보색 +180°
- FADADD
Sun Bleached Pink
- C9EBE9
≈ Morning Sky
유사색 -30° +30°
- FADADD
Sun Bleached Pink
- F5DAEA
≈ Nursery Pink
- F9DCD1
≈ Light Carob
삼각 배색 +120° +240°
- FADADD
Sun Bleached Pink
- DBE9D0
≈ Minty Frosting
- D2E5FB
≈ Weathered Blue
분열 보색 +150° +210°
- FADADD
Sun Bleached Pink
- CFEBDC
≈ Hatching Chameleon
- CAE9F4
≈ Frosty Day
사각 배색 +90° +180° +270°
- FADADD
Sun Bleached Pink
- E8E4CA
≈ Dirty White
- C9EBE9
≈ Morning Sky
- DEE1FB
≈ Stoic White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.13:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--sun-bleached-pink: #fadadd;
--sun-bleached-pink-rgb: 250 218 221;
--sun-bleached-pink-oklch: oklch(0.916 0.036 11.4);
}
.element {
color: var(--sun-bleached-pink);
background-color: hsl(354 76% 92%);
border-color: oklch(0.916 0.036 11.4);
}Tailwind CSS v4
@theme {
--color-sun-bleached-pink: #fadadd;
--color-sun-bleached-pink-50: #fff1f2;
--color-sun-bleached-pink-100: #f4e3e4;
--color-sun-bleached-pink-200: #e3ced0;
--color-sun-bleached-pink-300: #c9b0b2;
--color-sun-bleached-pink-400: #b29699;
--color-sun-bleached-pink-500: #9c7d80;
--color-sun-bleached-pink-600: #846a6c;
--color-sun-bleached-pink-700: #6a5457;
--color-sun-bleached-pink-800: #4e3d40;
--color-sun-bleached-pink-900: #362a2c;
--color-sun-bleached-pink-950: #211819;
}SCSS
$sun-bleached-pink: #fadadd;
$sun-bleached-pink-rgb: 250, 218, 221;
$sun-bleached-pink-light: mix(#fff, $sun-bleached-pink, 20%);
$sun-bleached-pink-dark: mix(#000, $sun-bleached-pink, 20%);
.element {
color: $sun-bleached-pink;
box-shadow: 0 0 0 2px rgba($sun-bleached-pink, 0.35);
}