이름 색상 · #D4DCD1
Mountain Morn
Mountain Morn은(는) #D4DCD1: rgb(212 220 209), hsl(104 14% 84%), oklch(0.885 0.017 137). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mountain Morn color name →
#D4DCD1
oklch(0.885 0.017 137)
색상 변환
- HEX
- #d4dcd1
- RGB
- rgb(212 220 209)
- HSL
- hsl(104 14% 84%)
- HWB
- hwb(104 82% 14%)
- OKLCH
- oklch(0.885 0.017 137)
- OKLab
- oklab(0.885 -0.013 0.012)
- CIE Lab
- lab(86.91 -4.28 4.44)
- LCH
- lch(86.91 6.16 134)
- CMYK
- cmyk(4% 0% 5% 14%)
틴트 · 셰이드 · 톤
틴트
- D8DFD6
- DCE3DA
- E1E6DF
- E5EAE3
- E9EDE8
- EEF1EC
- F2F4F1
- F6F8F6
- FBFBFA
셰이드
- B8BFB5
- 9DA39B
- 838881
- 696E68
- 515450
- 3A3C39
- 242623
- 101110
- 020202
톤
- CBD2C9
- C3C9C0
- BABFB8
- B1B6B0
- A9ADA8
- A1A4A0
- 989B98
- 909290
- 888988
색 조화
보색 +180°
- D4DCD1
Mountain Morn
- DED6E1
≈ Titan White
유사색 -30° +30°
- D4DCD1
Mountain Morn
- DADACD
≈ Celery White
- CFDDD7
≈ Light Spearmint Ice
삼각 배색 +120° +240°
- D4DCD1
Mountain Morn
- D2DAE5
≈ Highland Winds
- E4D5D5
≈ Most Delicate
분열 보색 +150° +210°
- D4DCD1
Mountain Morn
- D8D8E4
≈ Misty Violet
- E2D5DB
≈ Velvet Blush
사각 배색 +90° +180° +270°
- D4DCD1
Mountain Morn
- CEDCE2
≈ Dartmoor Mist
- DED6E1
≈ Titan White
- E3D6D0
≈ Ocean Sand
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.95:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.95:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--mountain-morn: #d4dcd1;
--mountain-morn-rgb: 212 220 209;
--mountain-morn-oklch: oklch(0.885 0.017 137);
}
.element {
color: var(--mountain-morn);
background-color: hsl(104 14% 84%);
border-color: oklch(0.885 0.017 137);
}Tailwind CSS v4
@theme {
--color-mountain-morn: #d4dcd1;
--color-mountain-morn-50: #f3f6f2;
--color-mountain-morn-100: #e5e9e4;
--color-mountain-morn-200: #d1d6cf;
--color-mountain-morn-300: #b3bab1;
--color-mountain-morn-400: #9aa197;
--color-mountain-morn-500: #81897e;
--color-mountain-morn-600: #6d746b;
--color-mountain-morn-700: #575d55;
--color-mountain-morn-800: #40443e;
--color-mountain-morn-900: #2c2f2b;
--color-mountain-morn-950: #191b18;
}SCSS
$mountain-morn: #d4dcd1;
$mountain-morn-rgb: 212, 220, 209;
$mountain-morn-light: mix(#fff, $mountain-morn, 20%);
$mountain-morn-dark: mix(#000, $mountain-morn, 20%);
.element {
color: $mountain-morn;
box-shadow: 0 0 0 2px rgba($mountain-morn, 0.35);
}