이름 색상 · #D5A300
Mouldy Ochre
Mouldy Ochre은(는) #D5A300: rgb(213 163 0), hsl(46 100% 42%), oklch(0.741 0.152 86.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mouldy Ochre color name →
#D5A300
oklch(0.741 0.152 86.4)
색상 변환
- HEX
- #d5a300
- RGB
- rgb(213 163 0)
- HSL
- hsl(46 100% 42%)
- HWB
- hwb(46 0% 16%)
- OKLCH
- oklch(0.741 0.152 86.4)
- OKLab
- oklab(0.741 0.009 0.151)
- CIE Lab
- lab(70.22 10.72 72.91)
- LCH
- lch(70.22 73.69 81.6)
- CMYK
- cmyk(0% 23% 100% 16%)
틴트 · 셰이드 · 톤
틴트
- D9AD3B
- DEB658
- E2BF70
- E6C986
- EAD29B
- EFDBB0
- F3E4C4
- F7EDD8
- FBF6EB
셰이드
- B98D00
- 9E7800
- 836300
- 6A4F00
- 513C00
- 3A2A00
- 241900
- 100A00
- 020100
톤
- CCA02A
- C49D3C
- BB994A
- B39655
- AA935E
- A18F66
- 998B6D
- 918874
- 88847A
색 조화
보색 +180°
- D5A300
Mouldy Ochre
- 85A8FF
≈ Fennel Flower
유사색 -30° +30°
- D5A300
Mouldy Ochre
- F28F3E
≈ Mandarin Rind
- A6B733
≈ Clipped Grass
삼각 배색 +120° +240°
- D5A300
Mouldy Ochre
- 00C1D3
≈ The Crowd Roars!
- DC87DE
≈ Blush Essence
분열 보색 +150° +210°
- D5A300
Mouldy Ochre
- 26B8FE
≈ Cherenkov Radiation
- B595FF
≈ Liliac
사각 배색 +90° +180° +270°
- D5A300
Mouldy Ochre
- 00C7A9
≈ Jadeite
- 85A8FF
≈ Fennel Flower
- F57FAE
≈ Brown Knapweed
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.06:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--mouldy-ochre: #d5a300;
--mouldy-ochre-rgb: 213 163 0;
--mouldy-ochre-oklch: oklch(0.741 0.152 86.4);
}
.element {
color: var(--mouldy-ochre);
background-color: hsl(46 100% 42%);
border-color: oklch(0.741 0.152 86.4);
}Tailwind CSS v4
@theme {
--color-mouldy-ochre: #d5a300;
--color-mouldy-ochre-50: #fff4c4;
--color-mouldy-ochre-100: #fde6ae;
--color-mouldy-ochre-200: #efd187;
--color-mouldy-ochre-300: #d7b353;
--color-mouldy-ochre-400: #c59700;
--color-mouldy-ochre-500: #b27c00;
--color-mouldy-ochre-600: #966900;
--color-mouldy-ochre-700: #785400;
--color-mouldy-ochre-800: #5a3c00;
--color-mouldy-ochre-900: #3f2900;
--color-mouldy-ochre-950: #281700;
}SCSS
$mouldy-ochre: #d5a300;
$mouldy-ochre-rgb: 213, 163, 0;
$mouldy-ochre-light: mix(#fff, $mouldy-ochre, 20%);
$mouldy-ochre-dark: mix(#000, $mouldy-ochre, 20%);
.element {
color: $mouldy-ochre;
box-shadow: 0 0 0 2px rgba($mouldy-ochre, 0.35);
}