Benannte Farbe · #A85E6E
Shine Baby Shine
Shine Baby Shine ist #A85E6E: rgb(168 94 110), hsl(347 30% 51%), oklch(0.571 0.098 6.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shine Baby Shine color name →
#A85E6E
oklch(0.571 0.098 6.8)
Farbumrechnungen
- HEX
- #a85e6e
- RGB
- rgb(168 94 110)
- HSL
- hsl(347 30% 51%)
- HWB
- hwb(347 37% 34%)
- OKLCH
- oklch(0.571 0.098 6.8)
- OKLab
- oklab(0.571 0.097 0.012)
- CIE Lab
- lab(49.11 32.19 4.88)
- LCH
- lch(49.11 32.56 8.6)
- CMYK
- cmyk(0% 44% 35% 34%)
Tints · Shades · Tones
Tints
- B26E7B
- BB7D89
- C48D97
- CD9DA5
- D6ADB4
- DFBDC2
- E7CDD1
- EFDEE0
- F7EEF0
Shades
- 92515F
- 7C4450
- 673741
- 522B33
- 3F1F26
- 2C1419
- 1A0A0E
- 0A0304
- 010001
Tones
- A56270
- A16672
- 9E6973
- 9A6D75
- 967077
- 927479
- 8E777B
- 897A7C
- 857D7E
Farbharmonien
Komplementär +180°
- A85E6E
Shine Baby Shine
- 0C8A81
≈ Clear Turquoise
Analog -30° +30°
- A85E6E
Shine Baby Shine
- 9C618D
≈ Raspberry Jelly Red
- A9624E
≈ Roycroft Adobe
Triadisch +120° +240°
- A85E6E
Shine Baby Shine
- 688240
≈ Swamp Moss
- 447DAE
≈ Beijing Blue
Geteilt komplementär +150° +210°
- A85E6E
Shine Baby Shine
- 408960
≈ Onion Seedling
- 14859D
≈ Zircon Blue
Tetradisch +90° +180° +270°
- A85E6E
Shine Baby Shine
- 88772B
≈ Garden Lettuce Green
- 0C8A81
≈ Clear Turquoise
- 6972B1
≈ Chalcedony Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.67:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.49:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.67:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--shine-baby-shine: #a85e6e;
--shine-baby-shine-rgb: 168 94 110;
--shine-baby-shine-oklch: oklch(0.571 0.098 6.8);
}
.element {
color: var(--shine-baby-shine);
background-color: hsl(347 30% 51%);
border-color: oklch(0.571 0.098 6.8);
}Tailwind CSS v4
@theme {
--color-shine-baby-shine: #a85e6e;
--color-shine-baby-shine-50: #ffeaef;
--color-shine-baby-shine-100: #ffdbe1;
--color-shine-baby-shine-200: #fbc4cc;
--color-shine-baby-shine-300: #e4a3ad;
--color-shine-baby-shine-400: #d08695;
--color-shine-baby-shine-500: #bc697b;
--color-shine-baby-shine-600: #9f5968;
--color-shine-baby-shine-700: #804753;
--color-shine-baby-shine-800: #5e333e;
--color-shine-baby-shine-900: #42232b;
--color-shine-baby-shine-950: #2a1218;
}SCSS
$shine-baby-shine: #a85e6e;
$shine-baby-shine-rgb: 168, 94, 110;
$shine-baby-shine-light: mix(#fff, $shine-baby-shine, 20%);
$shine-baby-shine-dark: mix(#000, $shine-baby-shine, 20%);
.element {
color: $shine-baby-shine;
box-shadow: 0 0 0 2px rgba($shine-baby-shine, 0.35);
}