Benannte Farbe · #D38469
Rosy Pashmina
Rosy Pashmina ist #D38469: rgb(211 132 105), hsl(15 55% 62%), oklch(0.69 0.105 39.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rosy Pashmina color name →
#D38469
oklch(0.69 0.105 39.6)
Farbumrechnungen
- HEX
- #d38469
- RGB
- rgb(211 132 105)
- HSL
- hsl(15 55% 62%)
- HWB
- hwb(15 41% 17%)
- OKLCH
- oklch(0.69 0.105 39.6)
- OKLab
- oklab(0.69 0.081 0.067)
- CIE Lab
- lab(63.25 29.14 27.98)
- LCH
- lch(63.25 40.4 43.8)
- CMYK
- cmyk(0% 37% 50% 17%)
Tints · Shades · Tones
Tints
- D89078
- DD9D86
- E2A995
- E7B5A4
- ECC1B3
- F0CEC2
- F4DAD1
- F8E6E0
- FCF3F0
Shades
- B7725A
- 9C604C
- 824F3E
- 693F31
- 512F24
- 3A2018
- 24120C
- 100604
- 020100
Tones
- CB846C
- C3846F
- BB8471
- B38474
- AB8376
- A28378
- 9A827A
- 91827C
- 89817E
Farbharmonien
Komplementär +180°
- D38469
Rosy Pashmina
- 3EAAC8
≈ Dragonfly Blue
Analog -30° +30°
- D38469
Rosy Pashmina
- D37F8D
≈ I Pink I Can
- C58F4E
≈ Light Copper
Triadisch +120° +240°
- D38469
Rosy Pashmina
- 5BAF84
≈ Green Tourmaline
- 8E94DC
≈ Portage
Geteilt komplementär +150° +210°
- D38469
Rosy Pashmina
- 35B0A9
≈ Glass Jar Blue
- 66A0DA
≈ Blue Gourami
Tetradisch +90° +180° +270°
- D38469
Rosy Pashmina
- 86A861
≈ Chelsea Cucumber
- 3EAAC8
≈ Dragonfly Blue
- AF89CD
≈ Middy’s Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.27:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--rosy-pashmina: #d38469;
--rosy-pashmina-rgb: 211 132 105;
--rosy-pashmina-oklch: oklch(0.69 0.105 39.6);
}
.element {
color: var(--rosy-pashmina);
background-color: hsl(15 55% 62%);
border-color: oklch(0.69 0.105 39.6);
}Tailwind CSS v4
@theme {
--color-rosy-pashmina: #d38469;
--color-rosy-pashmina-50: #ffecde;
--color-rosy-pashmina-100: #ffddcd;
--color-rosy-pashmina-200: #fdc6b2;
--color-rosy-pashmina-300: #e6a68d;
--color-rosy-pashmina-400: #d4896f;
--color-rosy-pashmina-500: #c06c4f;
--color-rosy-pashmina-600: #a35c43;
--color-rosy-pashmina-700: #834935;
--color-rosy-pashmina-800: #613427;
--color-rosy-pashmina-900: #44241a;
--color-rosy-pashmina-950: #2c120b;
}SCSS
$rosy-pashmina: #d38469;
$rosy-pashmina-rgb: 211, 132, 105;
$rosy-pashmina-light: mix(#fff, $rosy-pashmina, 20%);
$rosy-pashmina-dark: mix(#000, $rosy-pashmina, 20%);
.element {
color: $rosy-pashmina;
box-shadow: 0 0 0 2px rgba($rosy-pashmina, 0.35);
}