色名 · #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);
}