Nazwany kolor · #E7A733
Mustard Glaze
Mustard Glaze to #E7A733: rgb(231 167 51), hsl(39 79% 55%), oklch(0.771 0.145 77.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mustard Glaze color name →
#E7A733
oklch(0.771 0.145 77.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAB050
- EDB968
- EFC27D
- F2CB90
- F4D4A4
- F7DDB6
- F9E5C9
- FBEEDB
- FDF6ED
Odcienie ciemniejsze
- C9912B
- AB7B23
- 8F661C
- 735214
- 593E0D
- 402C07
- 281A03
- 130A01
- 030100
Tony
- DDA342
- D2A04E
- C89C57
- BD985F
- B39566
- A9916C
- 9F8D72
- 948977
- 8A847C
Harmonie kolorów
Komplementarna +180°
- E7A733
Mustard Glaze
- 84B6FF
≈ Parakeet Blue
Analogowa -30° +30°
- E7A733
Mustard Glaze
- FE955E
≈ Rainbow Trout
- BEBA3A
≈ Humorous Green
Triada +120° +240°
- E7A733
Mustard Glaze
- 00CDD2
≈ Jade Glass
- DA95F0
≈ Bright Lilac
Komplementarna rozszczepiona +150° +210°
- E7A733
Mustard Glaze
- 1EC5FC
≈ Shovel Knight
- B0A7FF
≈ Shy Moment
Tetrada +90° +180° +270°
- E7A733
Mustard Glaze
- 33D1A2
≈ Wild Caribbean Green
- 84B6FF
≈ Parakeet Blue
- F78CC5
≈ Bubblegum Beam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.97:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
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);
}