이름 색상 · #D2C478
Tropical Moss
Tropical Moss은(는) #D2C478: rgb(210 196 120), hsl(51 50% 65%), oklch(0.815 0.098 99.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tropical Moss color name →
#D2C478
oklch(0.815 0.098 99.1)
색상 변환
- HEX
- #d2c478
- RGB
- rgb(210 196 120)
- HSL
- hsl(51 50% 65%)
- HWB
- hwb(51 47% 18%)
- OKLCH
- oklch(0.815 0.098 99.1)
- OKLab
- oklab(0.815 -0.015 0.097)
- CIE Lab
- lab(79.07 -2.68 39.91)
- LCH
- lch(79.07 40 93.8)
- CMYK
- cmyk(0% 7% 43% 18%)
틴트 · 셰이드 · 톤
틴트
- D6CA86
- DBD094
- DFD6A2
- E4DCAF
- E8E2BD
- EDE8CA
- F1EDD7
- F6F3E5
- FAF9F2
셰이드
- B6AA67
- 9B9157
- 817848
- 686139
- 504A2A
- 39351D
- 242110
- 100E05
- 020201
톤
- C9BD7A
- C1B67C
- B9AF7D
- B0A97E
- A8A27F
- A09B7F
- 989480
- 908D80
- 888780
색 조화
보색 +180°
- D2C478
Tropical Moss
- B5BDFF
≈ Dried Lilac
유사색 -30° +30°
- D2C478
Tropical Moss
- ECB77C
≈ Eastern Amber
- AFCF8B
≈ Pistachio Dream
삼각 배색 +120° +240°
- D2C478
Tropical Moss
- 73D2EE
≈ Summer Splash
- EDAAD7
≈ Pretty Pink Piggy
분열 보색 +150° +210°
- D2C478
Tropical Moss
- 91C8FF
≈ Clear Sky
- D5B1F3
≈ Light Violet
사각 배색 +90° +180° +270°
- D2C478
Tropical Moss
- 6FD7CF
≈ Water Wings
- B5BDFF
≈ Dried Lilac
- FAA8B5
≈ Fresh on the Market
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.90:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.90:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-moss: #d2c478;
--tropical-moss-rgb: 210 196 120;
--tropical-moss-oklch: oklch(0.815 0.098 99.1);
}
.element {
color: var(--tropical-moss);
background-color: hsl(51 50% 65%);
border-color: oklch(0.815 0.098 99.1);
}Tailwind CSS v4
@theme {
--color-tropical-moss: #d2c478;
--color-tropical-moss-50: #fbf7d7;
--color-tropical-moss-100: #eeeac4;
--color-tropical-moss-200: #ddd6a6;
--color-tropical-moss-300: #c2b97e;
--color-tropical-moss-400: #ada059;
--color-tropical-moss-500: #968730;
--color-tropical-moss-600: #7f722a;
--color-tropical-moss-700: #665b21;
--color-tropical-moss-800: #4c4216;
--color-tropical-moss-900: #352e0e;
--color-tropical-moss-950: #201a02;
}SCSS
$tropical-moss: #d2c478;
$tropical-moss-rgb: 210, 196, 120;
$tropical-moss-light: mix(#fff, $tropical-moss, 20%);
$tropical-moss-dark: mix(#000, $tropical-moss, 20%);
.element {
color: $tropical-moss;
box-shadow: 0 0 0 2px rgba($tropical-moss, 0.35);
}