Benannte Farbe · #CDA09A
Raffia Cream
Raffia Cream ist #CDA09A: rgb(205 160 154), hsl(7 34% 70%), oklch(0.746 0.055 27.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Raffia Cream color name →
#CDA09A
oklch(0.746 0.055 27.2)
Farbumrechnungen
- HEX
- #cda09a
- RGB
- rgb(205 160 154)
- HSL
- hsl(7 34% 70%)
- HWB
- hwb(7 60% 20%)
- OKLCH
- oklch(0.746 0.055 27.2)
- OKLab
- oklab(0.746 0.048 0.025)
- CIE Lab
- lab(70 16.54 9.87)
- LCH
- lch(70 19.26 30.8)
- CMYK
- cmyk(0% 22% 25% 20%)
Tints · Shades · Tones
Tints
- D2A9A4
- D7B3AE
- DDBCB7
- E2C5C1
- E7CFCB
- ECD8D6
- F1E2E0
- F5ECEA
- FAF5F5
Shades
- B28B85
- 987671
- 7E615E
- 664E4B
- 4E3B39
- 382927
- 231917
- 0F0909
- 020101
Tones
- C59D97
- BD9A95
- B69692
- AE9390
- A6908D
- 9F8D8A
- 978A88
- 8F8685
- 888383
Farbharmonien
Komplementär +180°
- CDA09A
Raffia Cream
- 84B7BE
≈ Lifeboat Blue
Analog -30° +30°
- CDA09A
Raffia Cream
- CA9FAD
≈ Damsel
- C8A48B
≈ Peanut Butter Crust
Triadisch +120° +240°
- CDA09A
Raffia Cream
- 96B699
≈ Garden District
- 9DACD0
≈ Lilac Scent Soft Blue
Geteilt komplementär +150° +210°
- CDA09A
Raffia Cream
- 88B8AC
≈ Morning Green
- 8CB2CB
≈ Windy Day
Tetradisch +90° +180° +270°
- CDA09A
Raffia Cream
- AAB28B
≈ Lint
- 84B7BE
≈ Lifeboat Blue
- B0A6CB
≈ Wisteria-Wise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.09:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--raffia-cream: #cda09a;
--raffia-cream-rgb: 205 160 154;
--raffia-cream-oklch: oklch(0.746 0.055 27.2);
}
.element {
color: var(--raffia-cream);
background-color: hsl(7 34% 70%);
border-color: oklch(0.746 0.055 27.2);
}Tailwind CSS v4
@theme {
--color-raffia-cream: #cda09a;
--color-raffia-cream-50: #fff0ec;
--color-raffia-cream-100: #fae2dd;
--color-raffia-cream-200: #ebccc7;
--color-raffia-cream-300: #d2aea7;
--color-raffia-cream-400: #bd938d;
--color-raffia-cream-500: #a77973;
--color-raffia-cream-600: #8e6661;
--color-raffia-cream-700: #71524e;
--color-raffia-cream-800: #543b39;
--color-raffia-cream-900: #3a2927;
--color-raffia-cream-950: #241615;
}SCSS
$raffia-cream: #cda09a;
$raffia-cream-rgb: 205, 160, 154;
$raffia-cream-light: mix(#fff, $raffia-cream, 20%);
$raffia-cream-dark: mix(#000, $raffia-cream, 20%);
.element {
color: $raffia-cream;
box-shadow: 0 0 0 2px rgba($raffia-cream, 0.35);
}