이름 색상 · #F2C6BB
Fleecy Dreams
Fleecy Dreams은(는) #F2C6BB: rgb(242 198 187), hsl(12 68% 84%), oklch(0.862 0.053 34.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Fleecy Dreams color name →
#F2C6BB
oklch(0.862 0.053 34.4)
색상 변환
- HEX
- #f2c6bb
- RGB
- rgb(242 198 187)
- HSL
- hsl(12 68% 84%)
- HWB
- hwb(12 73% 5%)
- OKLCH
- oklch(0.862 0.053 34.4)
- OKLab
- oklab(0.862 0.043 0.03)
- CIE Lab
- lab(83.57 14.92 11.73)
- LCH
- lch(83.57 18.98 38.2)
- CMYK
- cmyk(0% 18% 23% 5%)
틴트 · 셰이드 · 톤
틴트
- F4CCC2
- F5D1C8
- F6D7CF
- F8DDD6
- F9E2DD
- FAE8E4
- FCEEEA
- FDF4F1
- FEF9F8
셰이드
- D2ACA2
- B4928A
- 967A73
- 79625C
- 5E4B46
- 433532
- 2B211F
- 140E0D
- 030202
톤
- E6BFB5
- DAB8AF
- CFB1A9
- C3AAA3
- B8A29D
- AD9C97
- A19591
- 968E8C
- 8B8786
색 조화
보색 +180°
- F2C6BB
Fleecy Dreams
- ABDBE7
≈ Light Washed Blue
유사색 -30° +30°
- F2C6BB
Fleecy Dreams
- F1C4CD
≈ Soft Satin
- EBCBAE
≈ Sandpoint
삼각 배색 +120° +240°
- F2C6BB
Fleecy Dreams
- B8DCC2
≈ Sprite Twist
- C7D0F5
≈ Frozen Periwinkle
분열 보색 +150° +210°
- F2C6BB
Fleecy Dreams
- ACDDD6
≈ Jaded Clouds
- B5D6F2
≈ Blue Rice
사각 배색 +90° +180° +270°
- F2C6BB
Fleecy Dreams
- CAD8B3
≈ Chinese Leaf
- ABDBE7
≈ Light Washed Blue
- D9CAEE
≈ Foggy Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.57:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--fleecy-dreams: #f2c6bb;
--fleecy-dreams-rgb: 242 198 187;
--fleecy-dreams-oklch: oklch(0.862 0.053 34.4);
}
.element {
color: var(--fleecy-dreams);
background-color: hsl(12 68% 84%);
border-color: oklch(0.862 0.053 34.4);
}Tailwind CSS v4
@theme {
--color-fleecy-dreams: #f2c6bb;
--color-fleecy-dreams-50: #fff0eb;
--color-fleecy-dreams-100: #f9e2dc;
--color-fleecy-dreams-200: #eacdc5;
--color-fleecy-dreams-300: #d1afa5;
--color-fleecy-dreams-400: #bb948a;
--color-fleecy-dreams-500: #a67a6f;
--color-fleecy-dreams-600: #8c675e;
--color-fleecy-dreams-700: #70534b;
--color-fleecy-dreams-800: #533c37;
--color-fleecy-dreams-900: #3a2925;
--color-fleecy-dreams-950: #241714;
}SCSS
$fleecy-dreams: #f2c6bb;
$fleecy-dreams-rgb: 242, 198, 187;
$fleecy-dreams-light: mix(#fff, $fleecy-dreams, 20%);
$fleecy-dreams-dark: mix(#000, $fleecy-dreams, 20%);
.element {
color: $fleecy-dreams;
box-shadow: 0 0 0 2px rgba($fleecy-dreams, 0.35);
}