Nazwany kolor · #7E4730
Sunbathing Beauty
Sunbathing Beauty to #7E4730: rgb(126 71 48), hsl(18 45% 34%), oklch(0.459 0.083 43). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sunbathing Beauty color name →
#7E4730
oklch(0.459 0.083 43)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B5843
- 986A57
- A57B6A
- B28D7F
- BFA093
- CCB2A8
- D9C5BD
- E6D8D3
- F2EBE9
Odcienie ciemniejsze
- 6D3D28
- 5C3221
- 4C281A
- 3C1F13
- 2D160C
- 1F0D06
- 110603
- 050201
- 010000
Tony
- 7F4D38
- 805341
- 805949
- 815E51
- 816458
- 816A60
- 816F68
- 817570
- 817A78
Harmonie kolorów
Komplementarna +180°
- 7E4730
Sunbathing Beauty
- 076179
≈ Jamaican Dream
Analogowa -30° +30°
- 7E4730
Sunbathing Beauty
- 7F434A
≈ Dark Strawberry
- 744F1A
≈ Trojan Horse Brown
Triada +120° +240°
- 7E4730
Sunbathing Beauty
- 20664A
≈ Brunswick
- 515185
≈ Purple Navy
Komplementarna rozszczepiona +150° +210°
- 7E4730
Sunbathing Beauty
- 006564
≈ Barbados Bay
- 345A85
≈ Dead Lake
Tetrada +90° +180° +270°
- 7E4730
Sunbathing Beauty
- 45612F
≈ Greenhouse
- 076179
≈ Jamaican Dream
- 684979
≈ Perfectly Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.41:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.83:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}