이름 색상 · #DFE5BF
Loch Modan Moss
Loch Modan Moss은(는) #DFE5BF: rgb(223 229 191), hsl(69 42% 82%), oklch(0.908 0.051 114.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Loch Modan Moss color name →
#DFE5BF
oklch(0.908 0.051 114.7)
색상 변환
- HEX
- #dfe5bf
- RGB
- rgb(223 229 191)
- HSL
- hsl(69 42% 82%)
- HWB
- hwb(69 75% 10%)
- OKLCH
- oklch(0.908 0.051 114.7)
- OKLab
- oklab(0.908 -0.021 0.046)
- CIE Lab
- lab(89.74 -6.83 17.9)
- LCH
- lch(89.74 19.16 110.9)
- CMYK
- cmyk(3% 0% 17% 10%)
틴트 · 셰이드 · 톤
틴트
- E2E8C5
- E5EACC
- E8EDD2
- ECEFD9
- EFF2DF
- F2F5E5
- F5F7EC
- F8FAF2
- FCFCF9
셰이드
- C2C7A6
- A5AA8D
- 8A8E75
- 6F725E
- 565848
- 3D3F33
- 27281F
- 12120D
- 020302
톤
- D5DAB9
- CBD0B2
- C1C6AC
- B8BBA6
- AEB19F
- A5A799
- 9B9D93
- 92938C
- 898A86
색 조화
보색 +180°
- DFE5BF
Loch Modan Moss
- E2DBFF
≈ Transparent Blue
유사색 -30° +30°
- DFE5BF
Loch Modan Moss
- F0DFBB
≈ Dutch White
- CDEACC
≈ Applemint
삼각 배색 +120° +240°
- DFE5BF
Loch Modan Moss
- C1E7FE
≈ Icy Landscape
- FDD3E2
≈ Poplar Pink
분열 보색 +150° +210°
- DFE5BF
Loch Modan Moss
- D2E1FF
≈ Arc Light
- F2D6F4
≈ Scented Spring
사각 배색 +90° +180° +270°
- DFE5BF
Loch Modan Moss
- BAEBF0
≈ Cold Blooded
- E2DBFF
≈ Transparent Blue
- FFD5D1
≈ Pink Clay
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.09:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--loch-modan-moss: #dfe5bf;
--loch-modan-moss-rgb: 223 229 191;
--loch-modan-moss-oklch: oklch(0.908 0.051 114.7);
}
.element {
color: var(--loch-modan-moss);
background-color: hsl(69 42% 82%);
border-color: oklch(0.908 0.051 114.7);
}Tailwind CSS v4
@theme {
--color-loch-modan-moss: #dfe5bf;
--color-loch-modan-moss-50: #f4f7e7;
--color-loch-modan-moss-100: #e6ead8;
--color-loch-modan-moss-200: #d2d7bf;
--color-loch-modan-moss-300: #b5bb9e;
--color-loch-modan-moss-400: #9da280;
--color-loch-modan-moss-500: #858a64;
--color-loch-modan-moss-600: #707555;
--color-loch-modan-moss-700: #5a5e43;
--color-loch-modan-moss-800: #424430;
--color-loch-modan-moss-900: #2e2f21;
--color-loch-modan-moss-950: #1b1c10;
}SCSS
$loch-modan-moss: #dfe5bf;
$loch-modan-moss-rgb: 223, 229, 191;
$loch-modan-moss-light: mix(#fff, $loch-modan-moss, 20%);
$loch-modan-moss-dark: mix(#000, $loch-modan-moss, 20%);
.element {
color: $loch-modan-moss;
box-shadow: 0 0 0 2px rgba($loch-modan-moss, 0.35);
}