Benannte Farbe · #CDBDA2
Ramie
Ramie ist #CDBDA2: rgb(205 189 162), hsl(38 30% 72%), oklch(0.805 0.041 80.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ramie color name →
#CDBDA2
oklch(0.805 0.041 80.8)
Farbumrechnungen
- HEX
- #cdbda2
- RGB
- rgb(205 189 162)
- HSL
- hsl(38 30% 72%)
- HWB
- hwb(38 64% 20%)
- OKLCH
- oklch(0.805 0.041 80.8)
- OKLab
- oklab(0.805 0.007 0.04)
- CIE Lab
- lab(77.43 2.65 15.86)
- LCH
- lch(77.43 16.08 80.5)
- CMYK
- cmyk(0% 8% 21% 20%)
Tints · Shades · Tones
Tints
- D2C3AB
- D7CAB4
- DCD1BD
- E1D7C7
- E6DED0
- EBE4D9
- F0EBE3
- F5F2EC
- FAF8F5
Shades
- B2A48C
- 988C77
- 7E7463
- 665D4F
- 4E473C
- 38332A
- 231F19
- 0F0D0A
- 020201
Tones
- C5B79F
- BDB19B
- B5AA98
- ADA495
- A69E91
- 9E988E
- 96928A
- 8F8C87
- 878683
Farbharmonien
Komplementär +180°
- CDBDA2
Ramie
- B0C0DA
≈ Movie Magic
Analog -30° +30°
- CDBDA2
Ramie
- D6B8A8
≈ Sedona Pink
- C0C2A4
≈ Chameleon Tango
Triadisch +120° +240°
- CDBDA2
Ramie
- A1C8CA
≈ Aqua Mist
- CCB7D0
≈ Liberace
Geteilt komplementär +150° +210°
- CDBDA2
Ramie
- A5C5D5
≈ Frozen Blue
- BFBBD8
≈ Lavender Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.84:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.39:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--ramie: #cdbda2;
--ramie-rgb: 205 189 162;
--ramie-oklch: oklch(0.805 0.041 80.8);
}
.element {
color: var(--ramie);
background-color: hsl(38 30% 72%);
border-color: oklch(0.805 0.041 80.8);
}Tailwind CSS v4
@theme {
--color-ramie: #cdbda2;
--color-ramie-50: #fbf4e8;
--color-ramie-100: #efe7d9;
--color-ramie-200: #ddd3c1;
--color-ramie-300: #c2b6a0;
--color-ramie-400: #ab9c84;
--color-ramie-500: #948468;
--color-ramie-600: #7d7058;
--color-ramie-700: #645946;
--color-ramie-800: #4a4132;
--color-ramie-900: #332d22;
--color-ramie-950: #1f1a11;
}SCSS
$ramie: #cdbda2;
$ramie-rgb: 205, 189, 162;
$ramie-light: mix(#fff, $ramie, 20%);
$ramie-dark: mix(#000, $ramie, 20%);
.element {
color: $ramie;
box-shadow: 0 0 0 2px rgba($ramie, 0.35);
}