Named color · #B78727
University of California Gold
University of California Gold is #B78727: rgb(183 135 39), hsl(40 65% 44%), oklch(0.654 0.122 80.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · University of California Gold color name →
#B78727
oklch(0.654 0.122 80.1)
Color conversions
- HEX
- #b78727
- RGB
- rgb(183 135 39)
- HSL
- hsl(40 65% 44%)
- HWB
- hwb(40 15% 28%)
- OKLCH
- oklch(0.654 0.122 80.1)
- OKLab
- oklab(0.654 0.021 0.12)
- CIE Lab
- lab(59.91 12.6 55.26)
- LCH
- lch(59.91 56.68 77.2)
- CMYK
- cmyk(0% 26% 79% 28%)
Tints · Shades · Tones
Tints
- BE9344
- C69F5B
- CDAB71
- D4B786
- DBC39A
- E3CFAE
- EADBC2
- F1E7D6
- F8F3EB
Shades
- 9F7520
- 87631A
- 705114
- 5A410E
- 453108
- 312104
- 1E1302
- 0C0601
- 020100
Tones
- B28736
- AC8642
- A7864D
- A18556
- 9C855E
- 968465
- 91836C
- 8B8273
- 86817A
Color harmonies
Complementary +180°
- B78727
University of California Gold
- 6490DA
≈ Little Boy Blue
Analogous -30° +30°
- B78727
University of California Gold
- CB7847
≈ Cork Wood
- 959731
≈ Appletini
Triadic +120° +240°
- B78727
University of California Gold
- 00A4AB
≈ Aare River Brienz
- B177BE
≈ Wisteria
Split-complementary +150° +210°
- B78727
University of California Gold
- 239DCC
≈ Blue Burst
- 9082D5
≈ Indigo Bloom
Tetradic +90° +180° +270°
- B78727
University of California Gold
- 21A885
≈ Gumdrop Green
- 6490DA
≈ Little Boy Blue
- C76F9B
≈ Fuchsia Kiss
Contrast & accessibility
Ag
FailOn white
WCAG 3.22:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.50:1 · APCA Lc 42
Best text color: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--university-of-california-gold: #b78727;
--university-of-california-gold-rgb: 183 135 39;
--university-of-california-gold-oklch: oklch(0.654 0.122 80.1);
}
.element {
color: var(--university-of-california-gold);
background-color: hsl(40 65% 44%);
border-color: oklch(0.654 0.122 80.1);
}Tailwind CSS v4
@theme {
--color-university-of-california-gold: #b78727;
--color-university-of-california-gold-50: #fff3ce;
--color-university-of-california-gold-100: #fce5ba;
--color-university-of-california-gold-200: #eed098;
--color-university-of-california-gold-300: #d7b26c;
--color-university-of-california-gold-400: #c49640;
--color-university-of-california-gold-500: #b07b00;
--color-university-of-california-gold-600: #946800;
--color-university-of-california-gold-700: #775300;
--color-university-of-california-gold-800: #593c00;
--color-university-of-california-gold-900: #3e2902;
--color-university-of-california-gold-950: #271700;
}SCSS
$university-of-california-gold: #b78727;
$university-of-california-gold-rgb: 183, 135, 39;
$university-of-california-gold-light: mix(#fff, $university-of-california-gold, 20%);
$university-of-california-gold-dark: mix(#000, $university-of-california-gold, 20%);
.element {
color: $university-of-california-gold;
box-shadow: 0 0 0 2px rgba($university-of-california-gold, 0.35);
}