이름 색상 · #CDD2D2
Misty
Misty은(는) #CDD2D2: rgb(205 210 210), hsl(180 5% 81%), oklch(0.86 0.005 197.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Misty color name →
#CDD2D2
oklch(0.86 0.005 197.1)
색상 변환
- HEX
- #cdd2d2
- RGB
- rgb(205 210 210)
- HSL
- hsl(180 5% 81%)
- HWB
- hwb(180 80% 18%)
- OKLCH
- oklch(0.86 0.005 197.1)
- OKLab
- oklab(0.86 -0.005 -0.002)
- CIE Lab
- lab(83.81 -1.76 -0.63)
- LCH
- lch(83.81 1.87 199.6)
- CMYK
- cmyk(2% 0% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- D2D6D6
- D7DBDB
- DCDFDF
- E1E4E4
- E6E8E8
- EBEDED
- F0F1F1
- F5F6F6
- FAFAFA
셰이드
- B2B6B6
- 989B9B
- 7E8181
- 666868
- 4E5050
- 383939
- 232424
- 0F1010
- 020202
톤
- C5C9C9
- BDC1C1
- B5B9B9
- ADB0B0
- A6A8A8
- 9EA0A0
- 969898
- 8F9090
- 878888
색 조화
보색 +180°
- CDD2D2
Misty
- D4CFCF
≈ Dry Season
유사색 -30° +30°
- CDD2D2
Misty
- CED2D0
≈ Misty
- CDD2D4
≈ Misty
삼각 배색 +120° +240°
- CDD2D2
Misty
- D2D0D3
≈ Clouded Vision
- D3D0CD
≈ Thundersnow
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.74:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--misty: #cdd2d2;
--misty-rgb: 205 210 210;
--misty-oklch: oklch(0.86 0.005 197.1);
}
.element {
color: var(--misty);
background-color: hsl(180 5% 81%);
border-color: oklch(0.86 0.005 197.1);
}Tailwind CSS v4
@theme {
--color-misty: #cdd2d2;
--color-misty-50: #f3f5f6;
--color-misty-100: #e6e8e8;
--color-misty-200: #d2d5d5;
--color-misty-300: #b4b8b8;
--color-misty-400: #9b9f9f;
--color-misty-500: #828787;
--color-misty-600: #6e7272;
--color-misty-700: #585c5c;
--color-misty-800: #404343;
--color-misty-900: #2c2e2e;
--color-misty-950: #191b1b;
}SCSS
$misty: #cdd2d2;
$misty-rgb: 205, 210, 210;
$misty-light: mix(#fff, $misty, 20%);
$misty-dark: mix(#000, $misty, 20%);
.element {
color: $misty;
box-shadow: 0 0 0 2px rgba($misty, 0.35);
}