이름 색상 · #E2CA73
Dijon Mustard
Dijon Mustard은(는) #E2CA73: rgb(226 202 115), hsl(47 66% 67%), oklch(0.841 0.111 94.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Dijon Mustard color name →
#E2CA73
oklch(0.841 0.111 94.4)
색상 변환
- HEX
- #e2ca73
- RGB
- rgb(226 202 115)
- HSL
- hsl(47 66% 67%)
- HWB
- hwb(47 45% 11%)
- OKLCH
- oklch(0.841 0.111 94.4)
- OKLab
- oklab(0.841 -0.008 0.11)
- CIE Lab
- lab(82 0.52 46.31)
- LCH
- lch(82 46.31 89.4)
- CMYK
- cmyk(0% 11% 49% 11%)
틴트 · 셰이드 · 톤
틴트
- E5CF83
- E8D591
- EBDAA0
- EDE0AE
- F0E5BC
- F3EAC9
- F6EFD7
- F9F5E4
- FCFAF2
셰이드
- C4AF63
- A89554
- 8C7C45
- 716436
- 574D28
- 3E371B
- 27220F
- 120F05
- 030201
톤
- D8C276
- CEBB78
- C4B47A
- BAAC7C
- B0A57D
- A69D7E
- 9C967F
- 938F80
- 898780
색 조화
보색 +180°
- E2CA73
Dijon Mustard
- BBC8FF
≈ Light Periwinkle
유사색 -30° +30°
- E2CA73
Dijon Mustard
- FDBB7C
≈ Buff Orange
- BBD886
≈ Pastel Lime
삼각 배색 +120° +240°
- E2CA73
Dijon Mustard
- 69DDF7
≈ Athena Blue
- F8AFE8
≈ Hanami Pink
분열 보색 +150° +210°
- E2CA73
Dijon Mustard
- 9BD1FF
≈ Long Island Sound
- D9BBFF
≈ Lavender Fragrance
사각 배색 +90° +180° +270°
- E2CA73
Dijon Mustard
- 6AE2D3
≈ Turquoise Chalk
- BBC8FF
≈ Light Periwinkle
- FFB2C3
≈ Soft Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.92:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--dijon-mustard: #e2ca73;
--dijon-mustard-rgb: 226 202 115;
--dijon-mustard-oklch: oklch(0.841 0.111 94.4);
}
.element {
color: var(--dijon-mustard);
background-color: hsl(47 66% 67%);
border-color: oklch(0.841 0.111 94.4);
}Tailwind CSS v4
@theme {
--color-dijon-mustard: #e2ca73;
--color-dijon-mustard-50: #fef6d2;
--color-dijon-mustard-100: #f2e9bf;
--color-dijon-mustard-200: #e2d59f;
--color-dijon-mustard-300: #c8b875;
--color-dijon-mustard-400: #b39d4c;
--color-dijon-mustard-500: #9e8414;
--color-dijon-mustard-600: #857016;
--color-dijon-mustard-700: #6b5a12;
--color-dijon-mustard-800: #50410a;
--color-dijon-mustard-900: #382d06;
--color-dijon-mustard-950: #221a00;
}SCSS
$dijon-mustard: #e2ca73;
$dijon-mustard-rgb: 226, 202, 115;
$dijon-mustard-light: mix(#fff, $dijon-mustard, 20%);
$dijon-mustard-dark: mix(#000, $dijon-mustard, 20%);
.element {
color: $dijon-mustard;
box-shadow: 0 0 0 2px rgba($dijon-mustard, 0.35);
}