Benannte Farbe · #BB9471
Painted Pony
Painted Pony ist #BB9471: rgb(187 148 113), hsl(28 35% 59%), oklch(0.694 0.067 63.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Painted Pony color name →
#BB9471
oklch(0.694 0.067 63.3)
Farbumrechnungen
- HEX
- #bb9471
- RGB
- rgb(187 148 113)
- HSL
- hsl(28 35% 59%)
- HWB
- hwb(28 44% 27%)
- OKLCH
- oklch(0.694 0.067 63.3)
- OKLab
- oklab(0.694 0.03 0.06)
- CIE Lab
- lab(64.39 11.62 24.41)
- LCH
- lch(64.39 27.04 64.5)
- CMYK
- cmyk(0% 21% 40% 27%)
Tints · Shades · Tones
Tints
- C29E7F
- C9A98D
- D0B39B
- D6BEA9
- DDC9B7
- E4D3C5
- EBDED3
- F2E9E2
- F8F4F0
Shades
- A28061
- 8A6D52
- 735A43
- 5C4835
- 463627
- 32261A
- 1F160E
- 0D0804
- 020101
Tones
- B59273
- AF9075
- A98E76
- A38C78
- 9E8A7A
- 98887B
- 92867C
- 8C847E
- 86827F
Farbharmonien
Komplementär +180°
- BB9471
Painted Pony
- 78A2C4
≈ Afloat
Analog -30° +30°
- BB9471
Painted Pony
- C38E82
≈ Burnished Apricot
- AB9C6C
≈ Starch
Triadisch +120° +240°
- BB9471
Painted Pony
- 6BABA1
≈ Turquoise Fantasies
- A593C0
≈ Enchanted Lilac
Geteilt komplementär +150° +210°
- BB9471
Painted Pony
- 69A8B6
≈ Summer Sea
- 8F9AC7
≈ Hair Ribbon
Tetradisch +90° +180° +270°
- BB9471
Painted Pony
- 7CA989
≈ Green Globe
- 78A2C4
≈ Afloat
- B78DAF
≈ Tiny Ribbons
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.76:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.58:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--painted-pony: #bb9471;
--painted-pony-rgb: 187 148 113;
--painted-pony-oklch: oklch(0.694 0.067 63.3);
}
.element {
color: var(--painted-pony);
background-color: hsl(28 35% 59%);
border-color: oklch(0.694 0.067 63.3);
}Tailwind CSS v4
@theme {
--color-painted-pony: #bb9471;
--color-painted-pony-50: #fff2e2;
--color-painted-pony-100: #f8e4d1;
--color-painted-pony-200: #e9cfb7;
--color-painted-pony-300: #d0b194;
--color-painted-pony-400: #bb9675;
--color-painted-pony-500: #a67d56;
--color-painted-pony-600: #8c6a4a;
--color-painted-pony-700: #71543b;
--color-painted-pony-800: #543d2a;
--color-painted-pony-900: #3a2a1c;
--color-painted-pony-950: #24170c;
}SCSS
$painted-pony: #bb9471;
$painted-pony-rgb: 187, 148, 113;
$painted-pony-light: mix(#fff, $painted-pony, 20%);
$painted-pony-dark: mix(#000, $painted-pony, 20%);
.element {
color: $painted-pony;
box-shadow: 0 0 0 2px rgba($painted-pony, 0.35);
}