Benannte Farbe · #DB4731
Goblet Waxcap
Goblet Waxcap ist #DB4731: rgb(219 71 49), hsl(8 70% 53%), oklch(0.604 0.188 31.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Goblet Waxcap color name →
#DB4731
oklch(0.604 0.188 31.3)
Farbumrechnungen
- HEX
- #db4731
- RGB
- rgb(219 71 49)
- HSL
- hsl(8 70% 53%)
- HWB
- hwb(8 19% 14%)
- OKLCH
- oklch(0.604 0.188 31.3)
- OKLab
- oklab(0.604 0.161 0.098)
- CIE Lab
- lab(52.36 57.74 46.22)
- LCH
- lch(52.36 73.96 38.7)
- CMYK
- cmyk(0% 68% 78% 14%)
Tints · Shades · Tones
Tints
- E15D48
- E7715D
- EC8471
- F19685
- F5A899
- F8BAAD
- FBCBC1
- FDDCD6
- FEEEEA
Shades
- BE3D29
- A23222
- 87281A
- 6D1F13
- 54160C
- 3C0D06
- 260603
- 110201
- 020000
Tones
- D3503C
- CB5845
- C35F4E
- BB6556
- B26B5E
- A97065
- A0746C
- 967973
- 8B7C79
Farbharmonien
Komplementär +180°
- DB4731
Goblet Waxcap
- 0092A5
≈ Oasis
Analog -30° +30°
- DB4731
Goblet Waxcap
- D5427A
≈ Jaipur Pink
- BC6A00
≈ Indocile Tiger
Triadisch +120° +240°
- DB4731
Goblet Waxcap
- 009B4C
≈ Luscious Green
- 5B74F0
≈ Blue Öyster Cult
Geteilt komplementär +150° +210°
- DB4731
Goblet Waxcap
- 009686
≈ Approval Green
- 008ACE
≈ Way Beyond the Blue
Tetradisch +90° +180° +270°
- DB4731
Goblet Waxcap
- 758E00
≈ Canopy
- 0092A5
≈ Oasis
- 975FDE
≈ Legendary Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.23:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 4.95:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--goblet-waxcap: #db4731;
--goblet-waxcap-rgb: 219 71 49;
--goblet-waxcap-oklch: oklch(0.604 0.188 31.3);
}
.element {
color: var(--goblet-waxcap);
background-color: hsl(8 70% 53%);
border-color: oklch(0.604 0.188 31.3);
}Tailwind CSS v4
@theme {
--color-goblet-waxcap: #db4731;
--color-goblet-waxcap-50: #ffe2d3;
--color-goblet-waxcap-100: #ffd2bf;
--color-goblet-waxcap-200: #ffb69f;
--color-goblet-waxcap-300: #ff9076;
--color-goblet-waxcap-400: #f96b54;
--color-goblet-waxcap-500: #e84129;
--color-goblet-waxcap-600: #c43925;
--color-goblet-waxcap-700: #9e2e1d;
--color-goblet-waxcap-800: #761f17;
--color-goblet-waxcap-900: #53150f;
--color-goblet-waxcap-950: #370503;
}SCSS
$goblet-waxcap: #db4731;
$goblet-waxcap-rgb: 219, 71, 49;
$goblet-waxcap-light: mix(#fff, $goblet-waxcap, 20%);
$goblet-waxcap-dark: mix(#000, $goblet-waxcap, 20%);
.element {
color: $goblet-waxcap;
box-shadow: 0 0 0 2px rgba($goblet-waxcap, 0.35);
}