Nazwany kolor · #C9A169
Buckskin Pony
Buckskin Pony to #C9A169: rgb(201 161 105), hsl(35 47% 60%), oklch(0.733 0.087 75.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Buckskin Pony color name →
#C9A169
oklch(0.733 0.087 75.1)
Konwersje koloru
- HEX
- #c9a169
- RGB
- rgb(201 161 105)
- HSL
- hsl(35 47% 60%)
- HWB
- hwb(35 41% 21%)
- OKLCH
- oklch(0.733 0.087 75.1)
- OKLab
- oklab(0.733 0.022 0.084)
- CIE Lab
- lab(69.04 10.08 34.96)
- LCH
- lch(69.04 36.38 73.9)
- CMYK
- cmyk(0% 20% 48% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFAA78
- D4B487
- DABD96
- DFC6A5
- E4D0B4
- EAD9C3
- EFE3D2
- F4ECE1
- FAF5F0
Odcienie ciemniejsze
- AE8B5A
- 95764C
- 7C623E
- 644E31
- 4C3C24
- 362A18
- 22190C
- 0F0904
- 020100
Tony
- C29E6C
- BA9B6F
- B39772
- AC9474
- A49177
- 9D8E79
- 968A7B
- 8E877D
- 87837E
Harmonie kolorów
Komplementarna +180°
- C9A169
Buckskin Pony
- 83ABDF
≈ Swift
Analogowa -30° +30°
- C9A169
Buckskin Pony
- D7977B
≈ Tropical Blooms
- B0AC6A
≈ Jalapeño Jelly
Triada +120° +240°
- C9A169
Buckskin Pony
- 5FBABA
≈ Dickie Bird
- BE98CF
≈ Amethyst Show
Komplementarna rozszczepiona +150° +210°
- C9A169
Buckskin Pony
- 68B4D2
≈ Shimmering Brook
- A3A1DE
≈ Simply Violet
Tetrada +90° +180° +270°
- C9A169
Buckskin Pony
- 71BA9B
≈ Arboretum
- 83ABDF
≈ Swift
- D193B5
≈ Moonlit Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.39:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.78:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--buckskin-pony: #c9a169;
--buckskin-pony-rgb: 201 161 105;
--buckskin-pony-oklch: oklch(0.733 0.087 75.1);
}
.element {
color: var(--buckskin-pony);
background-color: hsl(35 47% 60%);
border-color: oklch(0.733 0.087 75.1);
}Tailwind CSS v4
@theme {
--color-buckskin-pony: #c9a169;
--color-buckskin-pony-50: #fff3da;
--color-buckskin-pony-100: #f9e5c8;
--color-buckskin-pony-200: #ead0ab;
--color-buckskin-pony-300: #d1b285;
--color-buckskin-pony-400: #bd9763;
--color-buckskin-pony-500: #a87d3f;
--color-buckskin-pony-600: #8e6a36;
--color-buckskin-pony-700: #72552b;
--color-buckskin-pony-800: #553d1e;
--color-buckskin-pony-900: #3b2a13;
--color-buckskin-pony-950: #251806;
}SCSS
$buckskin-pony: #c9a169;
$buckskin-pony-rgb: 201, 161, 105;
$buckskin-pony-light: mix(#fff, $buckskin-pony, 20%);
$buckskin-pony-dark: mix(#000, $buckskin-pony, 20%);
.element {
color: $buckskin-pony;
box-shadow: 0 0 0 2px rgba($buckskin-pony, 0.35);
}