Benannte Farbe · #BF7C45
Sedona at Sunset
Sedona at Sunset ist #BF7C45: rgb(191 124 69), hsl(27 49% 51%), oklch(0.645 0.11 58.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sedona at Sunset color name →
#BF7C45
oklch(0.645 0.11 58.4)
Farbumrechnungen
- HEX
- #bf7c45
- RGB
- rgb(191 124 69)
- HSL
- hsl(27 49% 51%)
- HWB
- hwb(27 27% 25%)
- OKLCH
- oklch(0.645 0.11 58.4)
- OKLab
- oklab(0.645 0.057 0.093)
- CIE Lab
- lab(58.42 22.98 40.71)
- LCH
- lch(58.42 46.75 60.6)
- CMYK
- cmyk(0% 35% 64% 25%)
Tints · Shades · Tones
Tints
- C68959
- CD966C
- D4A37E
- DAB090
- E1BDA2
- E7CAB5
- EDD7C7
- F3E4DA
- F9F2EC
Shades
- A66B3B
- 8D5A31
- 754A27
- 5E3B1E
- 482C15
- 331E0C
- 1F1105
- 0D0502
- 020100
Tones
- B97D4D
- B37E54
- AD7E5A
- A77F60
- A17F66
- 9A806C
- 948071
- 8D8076
- 87807B
Farbharmonien
Komplementär +180°
- BF7C45
Sedona at Sunset
- 4497C9
≈ Blessed Blue
Analog -30° +30°
- BF7C45
Sedona at Sunset
- C87267
≈ Living Large
- A98A34
≈ Spring Branch
Triadisch +120° +240°
- BF7C45
Sedona at Sunset
- 25A38E
≈ Fishy House
- 967EC7
≈ Amethyst Grey
Geteilt komplementär +150° +210°
- BF7C45
Sedona at Sunset
- 0BA0B1
≈ Breaking Wave
- 728AD1
≈ Violets Are Blue
Tetradisch +90° +180° +270°
- BF7C45
Sedona at Sunset
- 5BA067
≈ Mosaic Green
- 4497C9
≈ Blessed Blue
- B275AF
≈ Moonlight Melody
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.39:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.18:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--sedona-at-sunset: #bf7c45;
--sedona-at-sunset-rgb: 191 124 69;
--sedona-at-sunset-oklch: oklch(0.645 0.11 58.4);
}
.element {
color: var(--sedona-at-sunset);
background-color: hsl(27 49% 51%);
border-color: oklch(0.645 0.11 58.4);
}Tailwind CSS v4
@theme {
--color-sedona-at-sunset: #bf7c45;
--color-sedona-at-sunset-50: #ffefd6;
--color-sedona-at-sunset-100: #ffe0c4;
--color-sedona-at-sunset-200: #f8caa5;
--color-sedona-at-sunset-300: #e1ab7e;
--color-sedona-at-sunset-400: #cf8e5a;
--color-sedona-at-sunset-500: #bb7232;
--color-sedona-at-sunset-600: #9e612c;
--color-sedona-at-sunset-700: #7f4d23;
--color-sedona-at-sunset-800: #5f3719;
--color-sedona-at-sunset-900: #422610;
--color-sedona-at-sunset-950: #2b1403;
}SCSS
$sedona-at-sunset: #bf7c45;
$sedona-at-sunset-rgb: 191, 124, 69;
$sedona-at-sunset-light: mix(#fff, $sedona-at-sunset, 20%);
$sedona-at-sunset-dark: mix(#000, $sedona-at-sunset, 20%);
.element {
color: $sedona-at-sunset;
box-shadow: 0 0 0 2px rgba($sedona-at-sunset, 0.35);
}