Benannte Farbe · #D8AA86
Sweet Sue
Sweet Sue ist #D8AA86: rgb(216 170 134), hsl(26 51% 69%), oklch(0.771 0.073 59.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sweet Sue color name →
#D8AA86
oklch(0.771 0.073 59.5)
Farbumrechnungen
- HEX
- #d8aa86
- RGB
- rgb(216 170 134)
- HSL
- hsl(26 51% 69%)
- HWB
- hwb(26 53% 15%)
- OKLCH
- oklch(0.771 0.073 59.5)
- OKLab
- oklab(0.771 0.037 0.063)
- CIE Lab
- lab(73.25 13.87 25.38)
- LCH
- lch(73.25 28.92 61.3)
- CMYK
- cmyk(0% 21% 38% 15%)
Tints · Shades · Tones
Tints
- DCB292
- E0BB9E
- E4C3AA
- E8CCB6
- ECD4C2
- F0DDCE
- F4E5DA
- F8EEE6
- FBF6F3
Shades
- BC9374
- A07D62
- 856851
- 6B5340
- 533F30
- 3B2D21
- 251B13
- 110B06
- 020101
Tones
- CFA686
- C6A285
- BD9D85
- B49985
- AC9584
- A39183
- 9A8D83
- 918882
- 898481
Farbharmonien
Komplementär +180°
- D8AA86
Sweet Sue
- 8ABCDF
≈ Frozen Whisper
Analog -30° +30°
- D8AA86
Sweet Sue
- DFA49A
≈ Cuticle Pink
- C7B37F
≈ Aviva
Triadisch +120° +240°
- D8AA86
Sweet Sue
- 80C4B6
≈ Holiday
- BBABDD
≈ Perfume
Geteilt komplementär +150° +210°
- D8AA86
Sweet Sue
- 7BC2CE
≈ Meltwater
- A2B3E4
≈ Myrtle Flower
Tetradisch +90° +180° +270°
- D8AA86
Sweet Sue
- 94C29C
≈ Delltone
- 8ABCDF
≈ Frozen Whisper
- D0A4CB
≈ Geranium Bud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.01:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-sue: #d8aa86;
--sweet-sue-rgb: 216 170 134;
--sweet-sue-oklch: oklch(0.771 0.073 59.5);
}
.element {
color: var(--sweet-sue);
background-color: hsl(26 51% 69%);
border-color: oklch(0.771 0.073 59.5);
}Tailwind CSS v4
@theme {
--color-sweet-sue: #d8aa86;
--color-sweet-sue-50: #fff1e1;
--color-sweet-sue-100: #fbe3d0;
--color-sweet-sue-200: #ecceb5;
--color-sweet-sue-300: #d3b092;
--color-sweet-sue-400: #bf9473;
--color-sweet-sue-500: #aa7a54;
--color-sweet-sue-600: #906848;
--color-sweet-sue-700: #735339;
--color-sweet-sue-800: #563c29;
--color-sweet-sue-900: #3c291b;
--color-sweet-sue-950: #25170c;
}SCSS
$sweet-sue: #d8aa86;
$sweet-sue-rgb: 216, 170, 134;
$sweet-sue-light: mix(#fff, $sweet-sue, 20%);
$sweet-sue-dark: mix(#000, $sweet-sue, 20%);
.element {
color: $sweet-sue;
box-shadow: 0 0 0 2px rgba($sweet-sue, 0.35);
}