Couleur nommée · #E68364
Brewed Mustard
Brewed Mustard correspond à #E68364 : rgb(230 131 100), hsl(14 72% 65%), oklch(0.711 0.13 38.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Brewed Mustard color name →
#E68364
oklch(0.711 0.13 38.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EA9074
- ED9C83
- F1A992
- F4B5A2
- F6C2B1
- F9CEC1
- FBDAD0
- FDE6E0
- FEF3EF
Ombres
- C87156
- AB6048
- 8E4F3B
- 733F2E
- 592F22
- 402016
- 28120B
- 130603
- 030100
Tons
- DC8368
- D2846B
- C8846E
- BE8471
- B48374
- AA8377
- A08279
- 96827C
- 8B817E
Harmonies de couleurs
Complémentaire +180°
- E68364
Brewed Mustard
- 00B4D7
≈ Ocean Sigh
Analogue -30° +30°
- E68364
Brewed Mustard
- E57D92
≈ Carissima
- D6913B
≈ Hint of Caramel
Triadique +120° +240°
- E68364
Brewed Mustard
- 4DBA82
≈ Aragon Green
- 8F99F2
≈ Periwinkle Blue
Complémentaire divisée +150° +210°
- E68364
Brewed Mustard
- 00BAB0
≈ Turquoise Topaz
- 5AA8EF
≈ Cerulean
Tétradique +90° +180° +270°
- E68364
Brewed Mustard
- 8AB154
≈ Parrot Green
- 00B4D7
≈ Ocean Sigh
- B88AE0
≈ Luminous Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.69:1 · APCA Lc 52
Ag
AAASur noir
WCAG 7.79:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
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);
}