Benannte Farbe · #CD6D57
Red Orpiment
Red Orpiment ist #CD6D57: rgb(205 109 87), hsl(11 54% 57%), oklch(0.64 0.126 34). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Orpiment color name →
#CD6D57
oklch(0.64 0.126 34)
Farbumrechnungen
- HEX
- #cd6d57
- RGB
- rgb(205 109 87)
- HSL
- hsl(11 54% 57%)
- HWB
- hwb(11 34% 20%)
- OKLCH
- oklch(0.64 0.126 34)
- OKLab
- oklab(0.64 0.105 0.071)
- CIE Lab
- lab(57.2 37.3 30.15)
- LCH
- lch(57.2 47.96 38.9)
- CMYK
- cmyk(0% 47% 58% 20%)
Tints · Shades · Tones
Tints
- D37C67
- DA8B78
- DF9988
- E5A899
- EAB6A9
- EFC5BA
- F3D3CB
- F8E2DC
- FBF0EE
Shades
- B25E4B
- 984F3E
- 7E4133
- 663327
- 4E261C
- 381912
- 230D08
- 0F0403
- 020100
Tones
- C6705C
- BF7260
- B87565
- B07769
- A9796D
- A17A71
- 997C75
- 917D79
- 897F7C
Farbharmonien
Komplementär +180°
- CD6D57
Red Orpiment
- 009DB6
≈ Brilliant Sea
Analog -30° +30°
- CD6D57
Red Orpiment
- CA6983
≈ Artful Pink
- C17A2B
≈ Maine Coon Orange
Triadisch +120° +240°
- CD6D57
Red Orpiment
- 42A268
≈ Greenish
- 7585D8
≈ Tanzine
Geteilt komplementär +150° +210°
- CD6D57
Red Orpiment
- 00A294
≈ Turquish
- 3C93D3
≈ Splish Splash
Tetradisch +90° +180° +270°
- CD6D57
Red Orpiment
- 7C993A
≈ Aloe Vera Green
- 009DB6
≈ Brilliant Sea
- 9D77CA
≈ Lilac Bush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.54:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.92:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--red-orpiment: #cd6d57;
--red-orpiment-rgb: 205 109 87;
--red-orpiment-oklch: oklch(0.64 0.126 34);
}
.element {
color: var(--red-orpiment);
background-color: hsl(11 54% 57%);
border-color: oklch(0.64 0.126 34);
}Tailwind CSS v4
@theme {
--color-red-orpiment: #cd6d57;
--color-red-orpiment-50: #ffe9dd;
--color-red-orpiment-100: #ffdacb;
--color-red-orpiment-200: #ffc2af;
--color-red-orpiment-300: #f0a08a;
--color-red-orpiment-400: #de816c;
--color-red-orpiment-500: #cc634b;
--color-red-orpiment-600: #ac5440;
--color-red-orpiment-700: #8a4333;
--color-red-orpiment-800: #673025;
--color-red-orpiment-900: #482019;
--color-red-orpiment-950: #2f0f0a;
}SCSS
$red-orpiment: #cd6d57;
$red-orpiment-rgb: 205, 109, 87;
$red-orpiment-light: mix(#fff, $red-orpiment, 20%);
$red-orpiment-dark: mix(#000, $red-orpiment, 20%);
.element {
color: $red-orpiment;
box-shadow: 0 0 0 2px rgba($red-orpiment, 0.35);
}