이름 색상 · #C7CFBE
Frosty Pine
Frosty Pine은(는) #C7CFBE: rgb(199 207 190), hsl(88 15% 78%), oklch(0.844 0.025 127.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Frosty Pine color name →
#C7CFBE
oklch(0.844 0.025 127.6)
색상 변환
- HEX
- #c7cfbe
- RGB
- rgb(199 207 190)
- HSL
- hsl(88 15% 78%)
- HWB
- hwb(88 75% 19%)
- OKLCH
- oklch(0.844 0.025 127.6)
- OKLab
- oklab(0.844 -0.015 0.02)
- CIE Lab
- lab(82.14 -5.12 7.49)
- LCH
- lch(82.14 9.07 124.3)
- CMYK
- cmyk(4% 0% 8% 19%)
틴트 · 셰이드 · 톤
틴트
- CCD4C4
- D2D8CB
- D8DDD1
- DDE2D8
- E3E7DE
- E8ECE5
- EEF0EB
- F4F5F2
- F9FAF8
셰이드
- ADB4A5
- 93998C
- 7A7F75
- 62675E
- 4C4F48
- 363833
- 21231F
- 0E100D
- 020202
톤
- C0C7B8
- B8BFB1
- B1B7AB
- AAAFA5
- A3A79F
- 9C9F98
- 959792
- 8E8F8C
- 878886
색 조화
보색 +180°
- C7CFBE
Frosty Pine
- D0C8D9
≈ Moon Goddess
유사색 -30° +30°
- C7CFBE
Frosty Pine
- D0CCBA
≈ Ancient Marble
- BFD1C5
≈ Opaline
삼각 배색 +120° +240°
- C7CFBE
Frosty Pine
- BFCEDB
≈ Winter Scene
- DBC5C9
≈ Bunny Pink
분열 보색 +150° +210°
- C7CFBE
Frosty Pine
- C7CBDC
≈ Lavender Steel
- D7C6D1
≈ Rosy Lavender
사각 배색 +90° +180° +270°
- C7CFBE
Frosty Pine
- BBD0D6
≈ Lament Blue
- D0C8D9
≈ Moon Goddess
- DBC7C0
≈ Cheerful Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.09:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--frosty-pine: #c7cfbe;
--frosty-pine-rgb: 199 207 190;
--frosty-pine-oklch: oklch(0.844 0.025 127.6);
}
.element {
color: var(--frosty-pine);
background-color: hsl(88 15% 78%);
border-color: oklch(0.844 0.025 127.6);
}Tailwind CSS v4
@theme {
--color-frosty-pine: #c7cfbe;
--color-frosty-pine-50: #f3f7ef;
--color-frosty-pine-100: #e5eae1;
--color-frosty-pine-200: #d1d6cc;
--color-frosty-pine-300: #b3baad;
--color-frosty-pine-400: #9aa192;
--color-frosty-pine-500: #818a78;
--color-frosty-pine-600: #6e7466;
--color-frosty-pine-700: #585d51;
--color-frosty-pine-800: #40443b;
--color-frosty-pine-900: #2c2f28;
--color-frosty-pine-950: #191c16;
}SCSS
$frosty-pine: #c7cfbe;
$frosty-pine-rgb: 199, 207, 190;
$frosty-pine-light: mix(#fff, $frosty-pine, 20%);
$frosty-pine-dark: mix(#000, $frosty-pine, 20%);
.element {
color: $frosty-pine;
box-shadow: 0 0 0 2px rgba($frosty-pine, 0.35);
}