Benannte Farbe · #BE916D
Sunset Cloud
Sunset Cloud ist #BE916D: rgb(190 145 109), hsl(27 38% 59%), oklch(0.691 0.074 59.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunset Cloud color name →
#BE916D
oklch(0.691 0.074 59.8)
Farbumrechnungen
- HEX
- #be916d
- RGB
- rgb(190 145 109)
- HSL
- hsl(27 38% 59%)
- HWB
- hwb(27 43% 25%)
- OKLCH
- oklch(0.691 0.074 59.8)
- OKLab
- oklab(0.691 0.037 0.064)
- CIE Lab
- lab(63.9 14.1 26.03)
- LCH
- lch(63.9 29.61 61.6)
- CMYK
- cmyk(0% 24% 43% 25%)
Tints · Shades · Tones
Tints
- C59C7B
- CBA68A
- D2B198
- D9BCA6
- DFC7B5
- E6D2C3
- ECDDD2
- F2E8E1
- F9F4F0
Shades
- A57D5E
- 8C6A4F
- 755841
- 5E4633
- 483526
- 332519
- 1F150D
- 0D0704
- 020101
Tones
- B88F6F
- B28E72
- AC8C74
- A58B76
- 9F8978
- 99877A
- 93857B
- 8D847D
- 86827E
Farbharmonien
Komplementär +180°
- BE916D
Sunset Cloud
- 71A2C5
≈ Wandering River
Analog -30° +30°
- BE916D
Sunset Cloud
- C58B81
≈ Ceremonial Ochre
- AD9A66
≈ Veranda Gold
Triadisch +120° +240°
- BE916D
Sunset Cloud
- 65AB9D
≈ Green Crush
- A292C3
≈ Violet Tulip
Geteilt komplementär +150° +210°
- BE916D
Sunset Cloud
- 61A8B5
≈ Summer Sea
- 899ACA
≈ Easter Egg
Tetradisch +90° +180° +270°
- BE916D
Sunset Cloud
- 7BA983
≈ Green Globe
- 71A2C5
≈ Wandering River
- B68BB2
≈ Purple Lepidolite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.81:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.46:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.46:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--sunset-cloud: #be916d;
--sunset-cloud-rgb: 190 145 109;
--sunset-cloud-oklch: oklch(0.691 0.074 59.8);
}
.element {
color: var(--sunset-cloud);
background-color: hsl(27 38% 59%);
border-color: oklch(0.691 0.074 59.8);
}Tailwind CSS v4
@theme {
--color-sunset-cloud: #be916d;
--color-sunset-cloud-50: #fff1e0;
--color-sunset-cloud-100: #fbe3d0;
--color-sunset-cloud-200: #ecceb5;
--color-sunset-cloud-300: #d4b091;
--color-sunset-cloud-400: #bf9472;
--color-sunset-cloud-500: #aa7a53;
--color-sunset-cloud-600: #906847;
--color-sunset-cloud-700: #745338;
--color-sunset-cloud-800: #563c28;
--color-sunset-cloud-900: #3c291b;
--color-sunset-cloud-950: #26170b;
}SCSS
$sunset-cloud: #be916d;
$sunset-cloud-rgb: 190, 145, 109;
$sunset-cloud-light: mix(#fff, $sunset-cloud, 20%);
$sunset-cloud-dark: mix(#000, $sunset-cloud, 20%);
.element {
color: $sunset-cloud;
box-shadow: 0 0 0 2px rgba($sunset-cloud, 0.35);
}