이름 색상 · #D0D8CF
Wind Fresh White
Wind Fresh White은(는) #D0D8CF: rgb(208 216 207), hsl(113 10% 83%), oklch(0.874 0.015 142.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Wind Fresh White color name →
#D0D8CF
oklch(0.874 0.015 142.2)
색상 변환
- HEX
- #d0d8cf
- RGB
- rgb(208 216 207)
- HSL
- hsl(113 10% 83%)
- HWB
- hwb(113 81% 15%)
- OKLCH
- oklch(0.874 0.015 142.2)
- OKLab
- oklab(0.874 -0.012 0.009)
- CIE Lab
- lab(85.53 -4.03 3.46)
- LCH
- lch(85.53 5.31 139.3)
- CMYK
- cmyk(4% 0% 4% 15%)
틴트 · 셰이드 · 톤
틴트
- D5DCD4
- D9E0D8
- DEE4DD
- E3E7E2
- E7EBE7
- ECEFEC
- F1F3F0
- F5F7F5
- FAFBFA
셰이드
- B5BCB4
- 9AA099
- 80857F
- 676B67
- 4F534F
- 393B38
- 232523
- 101110
- 020202
톤
- C8CFC7
- BFC6BF
- B7BDB7
- AFB4AF
- A7ABA7
- 9FA29F
- 979A97
- 8F918F
- 888888
색 조화
보색 +180°
- D0D8CF
Wind Fresh White
- DAD2DB
≈ Blackberry Cream
유사색 -30° +30°
- D0D8CF
Wind Fresh White
- D5D7CB
≈ Ancient Kingdom
- CCD9D4
≈ Sea Haze Grey
삼각 배색 +120° +240°
- D0D8CF
Wind Fresh White
- D0D6E0
≈ Twinkle Blue
- DFD2D1
≈ Pearl Rose
분열 보색 +150° +210°
- D0D8CF
Wind Fresh White
- D5D4DF
≈ Purple Veil
- DED2D6
≈ Blush of Morn
사각 배색 +90° +180° +270°
- D0D8CF
Wind Fresh White
- CCD7DE
≈ Poppy’s Whiskers
- DAD2DB
≈ Blackberry Cream
- DED3CD
≈ Ancient Pages
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.40:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--wind-fresh-white: #d0d8cf;
--wind-fresh-white-rgb: 208 216 207;
--wind-fresh-white-oklch: oklch(0.874 0.015 142.2);
}
.element {
color: var(--wind-fresh-white);
background-color: hsl(113 10% 83%);
border-color: oklch(0.874 0.015 142.2);
}Tailwind CSS v4
@theme {
--color-wind-fresh-white: #d0d8cf;
--color-wind-fresh-white-50: #f3f6f2;
--color-wind-fresh-white-100: #e5e9e5;
--color-wind-fresh-white-200: #d0d6d0;
--color-wind-fresh-white-300: #b3b9b3;
--color-wind-fresh-white-400: #9aa199;
--color-wind-fresh-white-500: #818980;
--color-wind-fresh-white-600: #6d746c;
--color-wind-fresh-white-700: #575d56;
--color-wind-fresh-white-800: #40443f;
--color-wind-fresh-white-900: #2c2f2b;
--color-wind-fresh-white-950: #191b19;
}SCSS
$wind-fresh-white: #d0d8cf;
$wind-fresh-white-rgb: 208, 216, 207;
$wind-fresh-white-light: mix(#fff, $wind-fresh-white, 20%);
$wind-fresh-white-dark: mix(#000, $wind-fresh-white, 20%);
.element {
color: $wind-fresh-white;
box-shadow: 0 0 0 2px rgba($wind-fresh-white, 0.35);
}