이름 색상 · #D0C678
Muted Lime
Muted Lime은(는) #D0C678: rgb(208 198 120), hsl(53 48% 64%), oklch(0.817 0.1 102). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Muted Lime color name →
#D0C678
oklch(0.817 0.1 102)
색상 변환
- HEX
- #d0c678
- RGB
- rgb(208 198 120)
- HSL
- hsl(53 48% 64%)
- HWB
- hwb(53 47% 18%)
- OKLCH
- oklch(0.817 0.1 102)
- OKLab
- oklab(0.817 -0.021 0.098)
- CIE Lab
- lab(79.42 -4.46 40.29)
- LCH
- lch(79.42 40.53 96.3)
- CMYK
- cmyk(0% 5% 42% 18%)
틴트 · 셰이드 · 톤
틴트
- D5CC86
- D9D294
- DED7A2
- E2DDB0
- E7E3BD
- ECE8CA
- F1EED7
- F5F4E5
- FAF9F2
셰이드
- B5AC67
- 9A9257
- 807A48
- 676239
- 4F4B2A
- 39351D
- 232110
- 100E05
- 020201
톤
- C8BF7A
- BFB87C
- B7B17D
- AFAA7E
- A7A37F
- 9F9C7F
- 979580
- 8F8E80
- 888780
색 조화
보색 +180°
- D0C678
Muted Lime
- B9BCFF
≈ Dried Lilac
유사색 -30° +30°
- D0C678
Muted Lime
- ECB979
≈ Kernel
- ABD18D
≈ Nature’s Delight
삼각 배색 +120° +240°
- D0C678
Muted Lime
- 74D2F2
≈ Heisenberg Blue
- F1AAD6
≈ Pretty Pink Piggy
분열 보색 +150° +210°
- D0C678
Muted Lime
- 97C8FF
≈ Apocyan
- D9B1F3
≈ Light Violet
사각 배색 +90° +180° +270°
- D0C678
Muted Lime
- 6CD8D4
≈ Hammam Blue
- B9BCFF
≈ Dried Lilac
- FDA8B2
≈ A Brand New Day
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.03:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--muted-lime: #d0c678;
--muted-lime-rgb: 208 198 120;
--muted-lime-oklch: oklch(0.817 0.1 102);
}
.element {
color: var(--muted-lime);
background-color: hsl(53 48% 64%);
border-color: oklch(0.817 0.1 102);
}Tailwind CSS v4
@theme {
--color-muted-lime: #d0c678;
--color-muted-lime-50: #f9f7d7;
--color-muted-lime-100: #edeac4;
--color-muted-lime-200: #dbd7a6;
--color-muted-lime-300: #c0ba7e;
--color-muted-lime-400: #aaa158;
--color-muted-lime-500: #94882e;
--color-muted-lime-600: #7d7329;
--color-muted-lime-700: #645c21;
--color-muted-lime-800: #4a4315;
--color-muted-lime-900: #342e0d;
--color-muted-lime-950: #1f1b02;
}SCSS
$muted-lime: #d0c678;
$muted-lime-rgb: 208, 198, 120;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}