이름 색상 · #E7A733
Mustard Glaze
Mustard Glaze은(는) #E7A733: rgb(231 167 51), hsl(39 79% 55%), oklch(0.771 0.145 77.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mustard Glaze color name →
#E7A733
oklch(0.771 0.145 77.5)
색상 변환
- HEX
- #e7a733
- RGB
- rgb(231 167 51)
- HSL
- hsl(39 79% 55%)
- HWB
- hwb(39 20% 9%)
- OKLCH
- oklch(0.771 0.145 77.5)
- OKLab
- oklab(0.771 0.031 0.141)
- CIE Lab
- lab(73.34 17.15 65.21)
- LCH
- lch(73.34 67.43 75.3)
- CMYK
- cmyk(0% 28% 78% 9%)
틴트 · 셰이드 · 톤
틴트
- EAB050
- EDB968
- EFC27D
- F2CB90
- F4D4A4
- F7DDB6
- F9E5C9
- FBEEDB
- FDF6ED
셰이드
- C9912B
- AB7B23
- 8F661C
- 735214
- 593E0D
- 402C07
- 281A03
- 130A01
- 030100
톤
- DDA342
- D2A04E
- C89C57
- BD985F
- B39566
- A9916C
- 9F8D72
- 948977
- 8A847C
색 조화
보색 +180°
- E7A733
Mustard Glaze
- 84B6FF
≈ Parakeet Blue
유사색 -30° +30°
- E7A733
Mustard Glaze
- FE955E
≈ Rainbow Trout
- BEBA3A
≈ Humorous Green
삼각 배색 +120° +240°
- E7A733
Mustard Glaze
- 00CDD2
≈ Jade Glass
- DA95F0
≈ Bright Lilac
분열 보색 +150° +210°
- E7A733
Mustard Glaze
- 1EC5FC
≈ Shovel Knight
- B0A7FF
≈ Shy Moment
사각 배색 +90° +180° +270°
- E7A733
Mustard Glaze
- 33D1A2
≈ Wild Caribbean Green
- 84B6FF
≈ Parakeet Blue
- F78CC5
≈ Bubblegum Beam
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.10:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.97:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--mustard-glaze: #e7a733;
--mustard-glaze-rgb: 231 167 51;
--mustard-glaze-oklch: oklch(0.771 0.145 77.5);
}
.element {
color: var(--mustard-glaze);
background-color: hsl(39 79% 55%);
border-color: oklch(0.771 0.145 77.5);
}Tailwind CSS v4
@theme {
--color-mustard-glaze: #e7a733;
--color-mustard-glaze-50: #fff1c7;
--color-mustard-glaze-100: #ffe3b1;
--color-mustard-glaze-200: #f5ce8c;
--color-mustard-glaze-300: #dfaf5b;
--color-mustard-glaze-400: #cd9220;
--color-mustard-glaze-500: #ba7600;
--color-mustard-glaze-600: #9d6400;
--color-mustard-glaze-700: #7e5000;
--color-mustard-glaze-800: #5e3900;
--color-mustard-glaze-900: #422700;
--color-mustard-glaze-950: #2a1500;
}SCSS
$mustard-glaze: #e7a733;
$mustard-glaze-rgb: 231, 167, 51;
$mustard-glaze-light: mix(#fff, $mustard-glaze, 20%);
$mustard-glaze-dark: mix(#000, $mustard-glaze, 20%);
.element {
color: $mustard-glaze;
box-shadow: 0 0 0 2px rgba($mustard-glaze, 0.35);
}