Nazwany kolor · #996655
Bucking Bronco
Bucking Bronco to #996655: rgb(153 102 85), hsl(15 29% 47%), oklch(0.56 0.071 39.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Bucking Bronco color name →
#996655
oklch(0.56 0.071 39.2)
Konwersje koloru
- HEX
- #996655
- RGB
- rgb(153 102 85)
- HSL
- hsl(15 29% 47%)
- HWB
- hwb(15 33% 40%)
- OKLCH
- oklch(0.56 0.071 39.2)
- OKLab
- oklab(0.56 0.055 0.045)
- CIE Lab
- lab(48.47 19.61 18.43)
- LCH
- lch(48.47 26.91 43.2)
- CMYK
- cmyk(0% 33% 44% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A37565
- AE8375
- B89285
- C2A196
- CDB0A7
- D7C0B8
- E1CFC9
- EBDFDB
- F5EFED
Odcienie ciemniejsze
- 845849
- 704A3D
- 5D3C31
- 4A2F26
- 38231C
- 271711
- 170C08
- 080402
- 010000
Tony
- 976959
- 956C5E
- 936E62
- 907167
- 8E746B
- 8B766F
- 897973
- 867B78
- 837E7C
Harmonie kolorów
Komplementarna +180°
- 996655
Bucking Bronco
- 3F7F91
≈ Wipeout
Analogowa -30° +30°
- 996655
Bucking Bronco
- 99636B
≈ Soft Bromeliad
- 906D45
≈ Antique Bourbon
Triada +120° +240°
- 996655
Bucking Bronco
- 4E8265
≈ Sports Field Green
- 6B709E
≈ Hyacinth Mauve
Komplementarna rozszczepiona +150° +210°
- 996655
Bucking Bronco
- 3C827D
≈ Bubble Turquoise
- 53789D
≈ Tech Wave
Tetrada +90° +180° +270°
- 996655
Bucking Bronco
- 677D50
≈ Mint Leaves
- 3F7F91
≈ Wipeout
- 816994
≈ Ornate
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.78:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.38:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--bucking-bronco: #996655;
--bucking-bronco-rgb: 153 102 85;
--bucking-bronco-oklch: oklch(0.56 0.071 39.2);
}
.element {
color: var(--bucking-bronco);
background-color: hsl(15 29% 47%);
border-color: oklch(0.56 0.071 39.2);
}Tailwind CSS v4
@theme {
--color-bucking-bronco: #996655;
--color-bucking-bronco-50: #ffefe6;
--color-bucking-bronco-100: #fee1d6;
--color-bucking-bronco-200: #f0cbbd;
--color-bucking-bronco-300: #d8ac9c;
--color-bucking-bronco-400: #c4907f;
--color-bucking-bronco-500: #af7663;
--color-bucking-bronco-600: #946454;
--color-bucking-bronco-700: #775043;
--color-bucking-bronco-800: #583a31;
--color-bucking-bronco-900: #3e2721;
--color-bucking-bronco-950: #271510;
}SCSS
$bucking-bronco: #996655;
$bucking-bronco-rgb: 153, 102, 85;
$bucking-bronco-light: mix(#fff, $bucking-bronco, 20%);
$bucking-bronco-dark: mix(#000, $bucking-bronco, 20%);
.element {
color: $bucking-bronco;
box-shadow: 0 0 0 2px rgba($bucking-bronco, 0.35);
}