이름 색상 · #F0DFBB
Dutch White
Dutch White은(는) #F0DFBB: rgb(240 223 187), hsl(41 64% 84%), oklch(0.908 0.051 85.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Dutch White color name →
#F0DFBB
oklch(0.908 0.051 85.7)
색상 변환
- HEX
- #f0dfbb
- RGB
- rgb(240 223 187)
- HSL
- hsl(41 64% 84%)
- HWB
- hwb(41 73% 6%)
- OKLCH
- oklch(0.908 0.051 85.7)
- OKLab
- oklab(0.908 0.004 0.051)
- CIE Lab
- lab(89.53 1.91 19.94)
- LCH
- lch(89.53 20.03 84.5)
- CMYK
- cmyk(0% 7% 22% 6%)
틴트 · 셰이드 · 톤
틴트
- F2E2C2
- F3E5C9
- F5E9D0
- F6ECD6
- F8EFDD
- F9F2E4
- FBF5EB
- FCF9F1
- FEFCF8
셰이드
- D1C2A2
- B2A58A
- 958A73
- 786F5C
- 5D5646
- 433D32
- 2A271F
- 14120D
- 030202
톤
- E4D5B5
- D9CBAF
- CDC2A9
- C2B8A3
- B6AE9D
- ABA598
- A09C92
- 95928C
- 8B8986
색 조화
보색 +180°
- F0DFBB
Dutch White
- D3E1FF
≈ Arc Light
유사색 -30° +30°
- F0DFBB
Dutch White
- FCD9C1
≈ Sun-Kissed Peach
- DFE5BF
≈ Loch Modan Moss
삼각 배색 +120° +240°
- F0DFBB
Dutch White
- BAEBF1
≈ Cold Blooded
- F3D6F3
≈ Scented Spring
분열 보색 +150° +210°
- F0DFBB
Dutch White
- C1E7FE
≈ Icy Landscape
- E3DBFF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- F0DFBB
Dutch White
- BEECDF
≈ Fresh Breeze
- D3E1FF
≈ Arc Light
- FED3E2
≈ Poplar Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.31:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.97:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--dutch-white: #f0dfbb;
--dutch-white-rgb: 240 223 187;
--dutch-white-oklch: oklch(0.908 0.051 85.7);
}
.element {
color: var(--dutch-white);
background-color: hsl(41 64% 84%);
border-color: oklch(0.908 0.051 85.7);
}Tailwind CSS v4
@theme {
--color-dutch-white: #f0dfbb;
--color-dutch-white-50: #fbf5e5;
--color-dutch-white-100: #efe7d5;
--color-dutch-white-200: #ddd3bc;
--color-dutch-white-300: #c2b69a;
--color-dutch-white-400: #ac9d7c;
--color-dutch-white-500: #95845f;
--color-dutch-white-600: #7e7051;
--color-dutch-white-700: #655940;
--color-dutch-white-800: #4b412e;
--color-dutch-white-900: #342d1f;
--color-dutch-white-950: #1f1a0f;
}SCSS
$dutch-white: #f0dfbb;
$dutch-white-rgb: 240, 223, 187;
$dutch-white-light: mix(#fff, $dutch-white, 20%);
$dutch-white-dark: mix(#000, $dutch-white, 20%);
.element {
color: $dutch-white;
box-shadow: 0 0 0 2px rgba($dutch-white, 0.35);
}