이름 색상 · #E68364
Brewed Mustard
Brewed Mustard은(는) #E68364: rgb(230 131 100), hsl(14 72% 65%), oklch(0.711 0.13 38.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Brewed Mustard color name →
#E68364
oklch(0.711 0.13 38.1)
색상 변환
- HEX
- #e68364
- RGB
- rgb(230 131 100)
- HSL
- hsl(14 72% 65%)
- HWB
- hwb(14 39% 10%)
- OKLCH
- oklch(0.711 0.13 38.1)
- OKLab
- oklab(0.711 0.102 0.08)
- CIE Lab
- lab(65.47 36.85 34.12)
- LCH
- lch(65.47 50.22 42.8)
- CMYK
- cmyk(0% 43% 57% 10%)
틴트 · 셰이드 · 톤
틴트
- EA9074
- ED9C83
- F1A992
- F4B5A2
- F6C2B1
- F9CEC1
- FBDAD0
- FDE6E0
- FEF3EF
셰이드
- C87156
- AB6048
- 8E4F3B
- 733F2E
- 592F22
- 402016
- 28120B
- 130603
- 030100
톤
- DC8368
- D2846B
- C8846E
- BE8471
- B48374
- AA8377
- A08279
- 96827C
- 8B817E
색 조화
보색 +180°
- E68364
Brewed Mustard
- 00B4D7
≈ Ocean Sigh
유사색 -30° +30°
- E68364
Brewed Mustard
- E57D92
≈ Carissima
- D6913B
≈ Hint of Caramel
삼각 배색 +120° +240°
- E68364
Brewed Mustard
- 4DBA82
≈ Aragon Green
- 8F99F2
≈ Periwinkle Blue
분열 보색 +150° +210°
- E68364
Brewed Mustard
- 00BAB0
≈ Turquoise Topaz
- 5AA8EF
≈ Cerulean
사각 배색 +90° +180° +270°
- E68364
Brewed Mustard
- 8AB154
≈ Parrot Green
- 00B4D7
≈ Ocean Sigh
- B88AE0
≈ Luminous Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.69:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.79:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--brewed-mustard: #e68364;
--brewed-mustard-rgb: 230 131 100;
--brewed-mustard-oklch: oklch(0.711 0.13 38.1);
}
.element {
color: var(--brewed-mustard);
background-color: hsl(14 72% 65%);
border-color: oklch(0.711 0.13 38.1);
}Tailwind CSS v4
@theme {
--color-brewed-mustard: #e68364;
--color-brewed-mustard-50: #ffeada;
--color-brewed-mustard-100: #ffdac8;
--color-brewed-mustard-200: #ffc2aa;
--color-brewed-mustard-300: #f1a184;
--color-brewed-mustard-400: #df8264;
--color-brewed-mustard-500: #cc6341;
--color-brewed-mustard-600: #ad5438;
--color-brewed-mustard-700: #8b432c;
--color-brewed-mustard-800: #683021;
--color-brewed-mustard-900: #492015;
--color-brewed-mustard-950: #2f0f07;
}SCSS
$brewed-mustard: #e68364;
$brewed-mustard-rgb: 230, 131, 100;
$brewed-mustard-light: mix(#fff, $brewed-mustard, 20%);
$brewed-mustard-dark: mix(#000, $brewed-mustard, 20%);
.element {
color: $brewed-mustard;
box-shadow: 0 0 0 2px rgba($brewed-mustard, 0.35);
}