Benannte Farbe · #C1AA91
Camel Hide
Camel Hide ist #C1AA91: rgb(193 170 145), hsl(31 28% 66%), oklch(0.751 0.044 69.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Camel Hide color name →
#C1AA91
oklch(0.751 0.044 69.4)
Farbumrechnungen
- HEX
- #c1aa91
- RGB
- rgb(193 170 145)
- HSL
- hsl(31 28% 66%)
- HWB
- hwb(31 57% 24%)
- OKLCH
- oklch(0.751 0.044 69.4)
- OKLab
- oklab(0.751 0.015 0.041)
- CIE Lab
- lab(71.14 5.74 16.16)
- LCH
- lch(71.14 17.15 70.4)
- CMYK
- cmyk(0% 12% 25% 24%)
Tints · Shades · Tones
Tints
- C7B29C
- CDBBA6
- D3C3B1
- DACBBC
- E0D4C7
- E6DCD2
- ECE5DD
- F3EEE8
- F9F6F4
Shades
- A7937D
- 8F7D6A
- 776858
- 5F5346
- 493F35
- 342D25
- 201B15
- 0E0B07
- 020101
Tones
- BAA68F
- B4A28E
- AD9D8C
- A7998B
- A09589
- 9A9187
- 938C85
- 8D8884
- 868482
Farbharmonien
Komplementär +180°
- C1AA91
Camel Hide
- 9AB1CA
≈ Aerial View
Analog -30° +30°
- C1AA91
Camel Hide
- C8A69A
≈ Howdy Partner
- B5AF90
≈ Heathered Grey
Triadisch +120° +240°
- C1AA91
Camel Hide
- 8FB8B4
≈ Teal Tree
- B7A7C4
≈ Pixieland
Geteilt komplementär +150° +210°
- C1AA91
Camel Hide
- 90B5C2
≈ Bright Bluebonnet
- A8ACCA
≈ Cosmic Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.42:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--camel-hide: #c1aa91;
--camel-hide-rgb: 193 170 145;
--camel-hide-oklch: oklch(0.751 0.044 69.4);
}
.element {
color: var(--camel-hide);
background-color: hsl(31 28% 66%);
border-color: oklch(0.751 0.044 69.4);
}Tailwind CSS v4
@theme {
--color-camel-hide: #c1aa91;
--color-camel-hide-50: #fdf3e8;
--color-camel-hide-100: #f1e6d8;
--color-camel-hide-200: #e0d2c0;
--color-camel-hide-300: #c6b4a0;
--color-camel-hide-400: #b09a83;
--color-camel-hide-500: #9a8167;
--color-camel-hide-600: #826e57;
--color-camel-hide-700: #685846;
--color-camel-hide-800: #4d4032;
--color-camel-hide-900: #352c22;
--color-camel-hide-950: #211911;
}SCSS
$camel-hide: #c1aa91;
$camel-hide-rgb: 193, 170, 145;
$camel-hide-light: mix(#fff, $camel-hide, 20%);
$camel-hide-dark: mix(#000, $camel-hide, 20%);
.element {
color: $camel-hide;
box-shadow: 0 0 0 2px rgba($camel-hide, 0.35);
}