Colore con nome · #C1AA91
Camel Hide
Camel Hide è #C1AA91: rgb(193 170 145), hsl(31 28% 66%), oklch(0.751 0.044 69.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Camel Hide color name →
#C1AA91
oklch(0.751 0.044 69.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C7B29C
- CDBBA6
- D3C3B1
- DACBBC
- E0D4C7
- E6DCD2
- ECE5DD
- F3EEE8
- F9F6F4
Ombre
- A7937D
- 8F7D6A
- 776858
- 5F5346
- 493F35
- 342D25
- 201B15
- 0E0B07
- 020101
Toni
- BAA68F
- B4A28E
- AD9D8C
- A7998B
- A09589
- 9A9187
- 938C85
- 8D8884
- 868482
Armonie di colore
Complementare +180°
- C1AA91
Camel Hide
- 9AB1CA
≈ Aerial View
Analogo -30° +30°
- C1AA91
Camel Hide
- C8A69A
≈ Howdy Partner
- B5AF90
≈ Heathered Grey
Triadico +120° +240°
- C1AA91
Camel Hide
- 8FB8B4
≈ Teal Tree
- B7A7C4
≈ Pixieland
Complementare divisa +150° +210°
- C1AA91
Camel Hide
- 90B5C2
≈ Bright Bluebonnet
- A8ACCA
≈ Cosmic Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.42:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}