Benannte Farbe · #7E4730
Sunbathing Beauty
Sunbathing Beauty ist #7E4730: rgb(126 71 48), hsl(18 45% 34%), oklch(0.459 0.083 43). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sunbathing Beauty color name →
#7E4730
oklch(0.459 0.083 43)
Farbumrechnungen
- HEX
- #7e4730
- RGB
- rgb(126 71 48)
- HSL
- hsl(18 45% 34%)
- HWB
- hwb(18 19% 51%)
- OKLCH
- oklch(0.459 0.083 43)
- OKLab
- oklab(0.459 0.061 0.057)
- CIE Lab
- lab(36.63 22.42 24.39)
- LCH
- lch(36.63 33.13 47.4)
- CMYK
- cmyk(0% 44% 62% 51%)
Tints · Shades · Tones
Tints
- 8B5843
- 986A57
- A57B6A
- B28D7F
- BFA093
- CCB2A8
- D9C5BD
- E6D8D3
- F2EBE9
Shades
- 6D3D28
- 5C3221
- 4C281A
- 3C1F13
- 2D160C
- 1F0D06
- 110603
- 050201
- 010000
Tones
- 7F4D38
- 805341
- 805949
- 815E51
- 816458
- 816A60
- 816F68
- 817570
- 817A78
Farbharmonien
Komplementär +180°
- 7E4730
Sunbathing Beauty
- 076179
≈ Jamaican Dream
Analog -30° +30°
- 7E4730
Sunbathing Beauty
- 7F434A
≈ Dark Strawberry
- 744F1A
≈ Trojan Horse Brown
Triadisch +120° +240°
- 7E4730
Sunbathing Beauty
- 20664A
≈ Brunswick
- 515185
≈ Purple Navy
Geteilt komplementär +150° +210°
- 7E4730
Sunbathing Beauty
- 006564
≈ Barbados Bay
- 345A85
≈ Dead Lake
Tetradisch +90° +180° +270°
- 7E4730
Sunbathing Beauty
- 45612F
≈ Greenhouse
- 076179
≈ Jamaican Dream
- 684979
≈ Perfectly Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.41:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.83:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--sunbathing-beauty: #7e4730;
--sunbathing-beauty-rgb: 126 71 48;
--sunbathing-beauty-oklch: oklch(0.459 0.083 43);
}
.element {
color: var(--sunbathing-beauty);
background-color: hsl(18 45% 34%);
border-color: oklch(0.459 0.083 43);
}Tailwind CSS v4
@theme {
--color-sunbathing-beauty: #7e4730;
--color-sunbathing-beauty-50: #ffeee2;
--color-sunbathing-beauty-100: #ffe0d1;
--color-sunbathing-beauty-200: #f4cab7;
--color-sunbathing-beauty-300: #ddab94;
--color-sunbathing-beauty-400: #c98f77;
--color-sunbathing-beauty-500: #b57359;
--color-sunbathing-beauty-600: #99624b;
--color-sunbathing-beauty-700: #7b4e3c;
--color-sunbathing-beauty-800: #5b382c;
--color-sunbathing-beauty-900: #40271d;
--color-sunbathing-beauty-950: #28150d;
}SCSS
$sunbathing-beauty: #7e4730;
$sunbathing-beauty-rgb: 126, 71, 48;
$sunbathing-beauty-light: mix(#fff, $sunbathing-beauty, 20%);
$sunbathing-beauty-dark: mix(#000, $sunbathing-beauty, 20%);
.element {
color: $sunbathing-beauty;
box-shadow: 0 0 0 2px rgba($sunbathing-beauty, 0.35);
}