Nazwany kolor · #AF8751
Camel Spider
Camel Spider to #AF8751: rgb(175 135 81), hsl(34 37% 50%), oklch(0.65 0.086 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Camel Spider color name →
#AF8751
oklch(0.65 0.086 73.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B79363
- BF9E74
- C7AA85
- CFB696
- D7C2A7
- DFCEB9
- E7DACA
- EFE6DC
- F7F3ED
Odcienie ciemniejsze
- 987545
- 81633A
- 6B512F
- 564124
- 41311A
- 2E2110
- 1C1307
- 0B0602
- 010100
Tony
- AA8757
- A6865C
- A18561
- 9C8566
- 98846B
- 938370
- 8E8374
- 8A8278
- 85817C
Harmonie kolorów
Komplementarna +180°
- AF8751
Camel Spider
- 6992C3
≈ Cornflower Blue
Analogowa -30° +30°
- AF8751
Camel Spider
- BC7E64
≈ Autumn’s Hill
- 989251
≈ Tupelo Tree
Triada +120° +240°
- AF8751
Camel Spider
- 44A09E
≈ Aqua Fresco
- A27FB5
≈ Lush Lilac
Komplementarna rozszczepiona +150° +210°
- AF8751
Camel Spider
- 4D9BB6
≈ Steel Light Blue
- 8888C2
≈ Brocade
Tetrada +90° +180° +270°
- AF8751
Camel Spider
- 59A081
≈ Green Spruce
- 6992C3
≈ Cornflower Blue
- B57A9C
≈ Purple Cheeks
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.27:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.40:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
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);
}