이름 색상 · #DDDDD6
Frosty White
Frosty White은(는) #DDDDD6: rgb(221 221 214), hsl(60 9% 85%), oklch(0.896 0.009 106.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Frosty White color name →
#DDDDD6
oklch(0.896 0.009 106.6)
색상 변환
- HEX
- #ddddd6
- RGB
- rgb(221 221 214)
- HSL
- hsl(60 9% 85%)
- HWB
- hwb(60 84% 13%)
- OKLCH
- oklch(0.896 0.009 106.6)
- OKLab
- oklab(0.896 -0.003 0.009)
- CIE Lab
- lab(87.97 -0.92 3.45)
- LCH
- lch(87.97 3.57 105)
- CMYK
- cmyk(0% 0% 3% 13%)
틴트 · 셰이드 · 톤
틴트
- E0E0DA
- E4E4DE
- E7E7E2
- EAEAE6
- EEEEEA
- F1F1EE
- F5F5F3
- F8F8F7
- FCFCFB
셰이드
- C0C0BA
- A4A49E
- 888884
- 6E6E6A
- 555552
- 3D3D3B
- 262625
- 111110
- 020202
톤
- D3D3CD
- CACAC4
- C0C0BB
- B7B7B3
- ADADAA
- A4A4A1
- 9B9B99
- 929291
- 898988
색 조화
보색 +180°
- DDDDD6
Frosty White
- DCDCE3
≈ Rare Orchid
유사색 -30° +30°
- DDDDD6
Frosty White
- E0DCD6
≈ Pheasant’s Egg
- DADED8
≈ Ladoga Bottom
삼각 배색 +120° +240°
- DDDDD6
Frosty White
- D6DEE1
≈ Mystic Pool
- E2DADE
≈ Puffball Vapour
분열 보색 +150° +210°
- DDDDD6
Frosty White
- D9DDE3
≈ Ash in the Air
- DFDBE1
≈ Breathless
사각 배색 +90° +180° +270°
- DDDDD6
Frosty White
- D6DFDE
≈ Echo Mist
- DCDCE3
≈ Rare Orchid
- E3DADA
≈ Ghostwaver
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.38:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--frosty-white: #ddddd6;
--frosty-white-rgb: 221 221 214;
--frosty-white-oklch: oklch(0.896 0.009 106.6);
}
.element {
color: var(--frosty-white);
background-color: hsl(60 9% 85%);
border-color: oklch(0.896 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-frosty-white: #ddddd6;
--color-frosty-white-50: #f5f5f2;
--color-frosty-white-100: #e8e8e5;
--color-frosty-white-200: #d4d4d0;
--color-frosty-white-300: #b7b8b2;
--color-frosty-white-400: #9f9f99;
--color-frosty-white-500: #878780;
--color-frosty-white-600: #72726c;
--color-frosty-white-700: #5b5b56;
--color-frosty-white-800: #43433f;
--color-frosty-white-900: #2e2e2b;
--color-frosty-white-950: #1b1b19;
}SCSS
$frosty-white: #ddddd6;
$frosty-white-rgb: 221, 221, 214;
$frosty-white-light: mix(#fff, $frosty-white, 20%);
$frosty-white-dark: mix(#000, $frosty-white, 20%);
.element {
color: $frosty-white;
box-shadow: 0 0 0 2px rgba($frosty-white, 0.35);
}