이름 색상 · #D4C477
Marsh Field
Marsh Field은(는) #D4C477: rgb(212 196 119), hsl(50 52% 65%), oklch(0.817 0.099 97.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Marsh Field color name →
#D4C477
oklch(0.817 0.099 97.9)
색상 변환
- HEX
- #d4c477
- RGB
- rgb(212 196 119)
- HSL
- hsl(50 52% 65%)
- HWB
- hwb(50 47% 17%)
- OKLCH
- oklch(0.817 0.099 97.9)
- OKLab
- oklab(0.817 -0.014 0.098)
- CIE Lab
- lab(79.24 -1.94 40.66)
- LCH
- lch(79.24 40.7 92.7)
- CMYK
- cmyk(0% 8% 44% 17%)
틴트 · 셰이드 · 톤
틴트
- D8CA86
- DCD094
- E1D6A1
- E5DCAF
- E9E2BC
- EDE8CA
- F2EDD7
- F6F3E4
- FBF9F2
셰이드
- B8AA67
- 9D9157
- 837847
- 696138
- 514A2A
- 3A351C
- 242110
- 100E05
- 020201
톤
- CBBD79
- C3B67B
- BAAF7C
- B1A97D
- A9A27E
- A19B7F
- 989480
- 908D80
- 888780
색 조화
보색 +180°
- D4C477
Marsh Field
- B4BEFF
≈ Dried Lilac
유사색 -30° +30°
- D4C477
Marsh Field
- EEB77C
≈ Surprise Amber
- B1D08A
≈ Lettuce Green
삼각 배색 +120° +240°
- D4C477
Marsh Field
- 71D3EE
≈ Middle Blue
- EEAADA
≈ Pretty Pink Piggy
분열 보색 +150° +210°
- D4C477
Marsh Field
- 90C9FF
≈ Clear Sky
- D5B2F5
≈ Light Violet
사각 배색 +90° +180° +270°
- D4C477
Marsh Field
- 6ED8CF
≈ Hammam Blue
- B4BEFF
≈ Dried Lilac
- FBA8B7
≈ Fresh on the Market
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.96:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--marsh-field: #d4c477;
--marsh-field-rgb: 212 196 119;
--marsh-field-oklch: oklch(0.817 0.099 97.9);
}
.element {
color: var(--marsh-field);
background-color: hsl(50 52% 65%);
border-color: oklch(0.817 0.099 97.9);
}Tailwind CSS v4
@theme {
--color-marsh-field: #d4c477;
--color-marsh-field-50: #fbf6d6;
--color-marsh-field-100: #efe9c4;
--color-marsh-field-200: #ded6a5;
--color-marsh-field-300: #c3b97d;
--color-marsh-field-400: #ae9f57;
--color-marsh-field-500: #98862d;
--color-marsh-field-600: #807228;
--color-marsh-field-700: #675b20;
--color-marsh-field-800: #4d4214;
--color-marsh-field-900: #352e0d;
--color-marsh-field-950: #201a02;
}SCSS
$marsh-field: #d4c477;
$marsh-field-rgb: 212, 196, 119;
$marsh-field-light: mix(#fff, $marsh-field, 20%);
$marsh-field-dark: mix(#000, $marsh-field, 20%);
.element {
color: $marsh-field;
box-shadow: 0 0 0 2px rgba($marsh-field, 0.35);
}