Colore con nome · #BE9480
Faded Redwood
Faded Redwood è #BE9480: rgb(190 148 128), hsl(19 32% 62%), oklch(0.701 0.058 46.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Faded Redwood color name →
#BE9480
oklch(0.701 0.058 46.7)
Conversioni di colore
- HEX
- #be9480
- RGB
- rgb(190 148 128)
- HSL
- hsl(19 32% 62%)
- HWB
- hwb(19 50% 25%)
- OKLCH
- oklch(0.701 0.058 46.7)
- OKLab
- oklab(0.701 0.04 0.042)
- CIE Lab
- lab(64.96 14.2 16.98)
- LCH
- lch(64.96 22.14 50.1)
- CMYK
- cmyk(0% 22% 33% 25%)
Tinte · Ombre · Toni
Tinte
- C59E8C
- CBA999
- D2B3A5
- D8BEB1
- DFC9BE
- E5D3CB
- ECDED8
- F2E9E5
- F9F4F2
Ombre
- A5806E
- 8C6D5D
- 755A4D
- 5E483D
- 48362E
- 33261F
- 1F1612
- 0D0806
- 020101
Toni
- B89280
- B29080
- AB8E80
- A58C80
- 9F8A80
- 998880
- 938680
- 8D8480
- 868280
Armonie di colore
Complementare +180°
- BE9480
Faded Redwood
- 78A7BB
≈ Blue Ridge Mist
Analogo -30° +30°
- BE9480
Faded Redwood
- C09092
≈ Floral Tapestry
- B49A76
≈ Dry Starfish
Triadico +120° +240°
- BE9480
Faded Redwood
- 7CAB97
≈ Catnip
- 9B9AC2
≈ Majestic Violet
Complementare divisa +150° +210°
- BE9480
Faded Redwood
- 73AAAB
≈ Poolrooms
- 88A0C3
≈ Windy City
Tetradico +90° +180° +270°
- BE9480
Faded Redwood
- 8EA884
≈ Mermaid’s Cove
- 78A7BB
≈ Blue Ridge Mist
- AE94B7
≈ Glossy Grape
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.71:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.73:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--faded-redwood: #be9480;
--faded-redwood-rgb: 190 148 128;
--faded-redwood-oklch: oklch(0.701 0.058 46.7);
}
.element {
color: var(--faded-redwood);
background-color: hsl(19 32% 62%);
border-color: oklch(0.701 0.058 46.7);
}Tailwind CSS v4
@theme {
--color-faded-redwood: #be9480;
--color-faded-redwood-50: #fff1e7;
--color-faded-redwood-100: #f9e3d7;
--color-faded-redwood-200: #eacebf;
--color-faded-redwood-300: #d1af9e;
--color-faded-redwood-400: #bc9481;
--color-faded-redwood-500: #a77a65;
--color-faded-redwood-600: #8d6856;
--color-faded-redwood-700: #715344;
--color-faded-redwood-800: #543c32;
--color-faded-redwood-900: #3a2922;
--color-faded-redwood-950: #241711;
}SCSS
$faded-redwood: #be9480;
$faded-redwood-rgb: 190, 148, 128;
$faded-redwood-light: mix(#fff, $faded-redwood, 20%);
$faded-redwood-dark: mix(#000, $faded-redwood, 20%);
.element {
color: $faded-redwood;
box-shadow: 0 0 0 2px rgba($faded-redwood, 0.35);
}