Nazwany kolor · #BE8C74
Suntan Glow
Suntan Glow to #BE8C74: rgb(190 140 116), hsl(19 36% 60%), oklch(0.682 0.07 46.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Suntan Glow color name →
#BE8C74
oklch(0.682 0.07 46.7)
Konwersje koloru
- HEX
- #be8c74
- RGB
- rgb(190 140 116)
- HSL
- hsl(19 36% 60%)
- HWB
- hwb(19 45% 25%)
- OKLCH
- oklch(0.682 0.07 46.7)
- OKLab
- oklab(0.682 0.048 0.051)
- CIE Lab
- lab(62.77 17.3 20.7)
- LCH
- lch(62.77 26.98 50.1)
- CMYK
- cmyk(0% 26% 39% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C59781
- CCA28F
- D2AE9C
- D9B9AA
- DFC5B8
- E6D0C6
- ECDCD4
- F3E7E2
- F9F3F1
Odcienie ciemniejsze
- A57964
- 8C6754
- 755545
- 5E4337
- 483329
- 33231B
- 1F140F
- 0D0705
- 020101
Tony
- B88B75
- B28A77
- AC8978
- A68879
- 9F867B
- 99857C
- 93847D
- 8D837E
- 86817F
Harmonie kolorów
Komplementarna +180°
- BE8C74
Suntan Glow
- 68A2BB
≈ Pacific Palisade
Analogowa -30° +30°
- BE8C74
Suntan Glow
- C1888A
≈ Prophetess
- B29467
≈ Tangled Twine
Triada +120° +240°
- BE8C74
Suntan Glow
- 6EA790
≈ Peacock Silk
- 9593C3
≈ Litmus
Komplementarna rozszczepiona +150° +210°
- BE8C74
Suntan Glow
- 61A7A8
≈ Veranda
- 7D9BC5
≈ Bel Air Blue
Tetrada +90° +180° +270°
- BE8C74
Suntan Glow
- 85A478
≈ Greyish Green
- 68A2BB
≈ Pacific Palisade
- AB8CB6
≈ East Side
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.91:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.19:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--suntan-glow: #be8c74;
--suntan-glow-rgb: 190 140 116;
--suntan-glow-oklch: oklch(0.682 0.07 46.7);
}
.element {
color: var(--suntan-glow);
background-color: hsl(19 36% 60%);
border-color: oklch(0.682 0.07 46.7);
}Tailwind CSS v4
@theme {
--color-suntan-glow: #be8c74;
--color-suntan-glow-50: #fff0e4;
--color-suntan-glow-100: #fde2d4;
--color-suntan-glow-200: #eeccbb;
--color-suntan-glow-300: #d6ad98;
--color-suntan-glow-400: #c2927b;
--color-suntan-glow-500: #ad785e;
--color-suntan-glow-600: #926550;
--color-suntan-glow-700: #75513f;
--color-suntan-glow-800: #573b2e;
--color-suntan-glow-900: #3d281f;
--color-suntan-glow-950: #26160f;
}SCSS
$suntan-glow: #be8c74;
$suntan-glow-rgb: 190, 140, 116;
$suntan-glow-light: mix(#fff, $suntan-glow, 20%);
$suntan-glow-dark: mix(#000, $suntan-glow, 20%);
.element {
color: $suntan-glow;
box-shadow: 0 0 0 2px rgba($suntan-glow, 0.35);
}