Couleur nommée · #AF8751
Camel Spider
Camel Spider correspond à #AF8751 : rgb(175 135 81), hsl(34 37% 50%), oklch(0.65 0.086 73.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Camel Spider color name →
#AF8751
oklch(0.65 0.086 73.6)
Conversions de couleur
- HEX
- #af8751
- RGB
- rgb(175 135 81)
- HSL
- hsl(34 37% 50%)
- HWB
- hwb(34 32% 31%)
- OKLCH
- oklch(0.65 0.086 73.6)
- OKLab
- oklab(0.65 0.024 0.083)
- CIE Lab
- lab(59.35 10.99 34.97)
- LCH
- lch(59.35 36.66 72.6)
- CMYK
- cmyk(0% 23% 54% 31%)
Teintes · Ombres · Tons
Teintes
- B79363
- BF9E74
- C7AA85
- CFB696
- D7C2A7
- DFCEB9
- E7DACA
- EFE6DC
- F7F3ED
Ombres
- 987545
- 81633A
- 6B512F
- 564124
- 41311A
- 2E2110
- 1C1307
- 0B0602
- 010100
Tons
- AA8757
- A6865C
- A18561
- 9C8566
- 98846B
- 938370
- 8E8374
- 8A8278
- 85817C
Harmonies de couleurs
Complémentaire +180°
- AF8751
Camel Spider
- 6992C3
≈ Cornflower Blue
Analogue -30° +30°
- AF8751
Camel Spider
- BC7E64
≈ Autumn’s Hill
- 989251
≈ Tupelo Tree
Triadique +120° +240°
- AF8751
Camel Spider
- 44A09E
≈ Aqua Fresco
- A27FB5
≈ Lush Lilac
Complémentaire divisée +150° +210°
- AF8751
Camel Spider
- 4D9BB6
≈ Steel Light Blue
- 8888C2
≈ Brocade
Tétradique +90° +180° +270°
- AF8751
Camel Spider
- 59A081
≈ Green Spruce
- 6992C3
≈ Cornflower Blue
- B57A9C
≈ Purple Cheeks
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.27:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.40:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
CSS
:root {
--camel-spider: #af8751;
--camel-spider-rgb: 175 135 81;
--camel-spider-oklch: oklch(0.65 0.086 73.6);
}
.element {
color: var(--camel-spider);
background-color: hsl(34 37% 50%);
border-color: oklch(0.65 0.086 73.6);
}Tailwind CSS v4
@theme {
--color-camel-spider: #af8751;
--color-camel-spider-50: #fff2da;
--color-camel-spider-100: #f9e5c9;
--color-camel-spider-200: #ead0ac;
--color-camel-spider-300: #d1b286;
--color-camel-spider-400: #bd9764;
--color-camel-spider-500: #a97d40;
--color-camel-spider-600: #8e6a37;
--color-camel-spider-700: #72552c;
--color-camel-spider-800: #553d1f;
--color-camel-spider-900: #3b2a14;
--color-camel-spider-950: #251706;
}SCSS
$camel-spider: #af8751;
$camel-spider-rgb: 175, 135, 81;
$camel-spider-light: mix(#fff, $camel-spider, 20%);
$camel-spider-dark: mix(#000, $camel-spider, 20%);
.element {
color: $camel-spider;
box-shadow: 0 0 0 2px rgba($camel-spider, 0.35);
}