Nazwany kolor · #CBA956
Glorious Gold
Glorious Gold to #CBA956: rgb(203 169 86), hsl(43 53% 57%), oklch(0.748 0.11 87.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Glorious Gold color name →
#CBA956
oklch(0.748 0.11 87.3)
Konwersje koloru
- HEX
- #cba956
- RGB
- rgb(203 169 86)
- HSL
- hsl(43 53% 57%)
- HWB
- hwb(43 34% 20%)
- OKLCH
- oklch(0.748 0.11 87.3)
- OKLab
- oklab(0.748 0.005 0.109)
- CIE Lab
- lab(71.07 5.65 46.95)
- LCH
- lch(71.07 47.29 83.1)
- CMYK
- cmyk(0% 17% 58% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0B269
- D5BA7B
- DBC38C
- E0CB9D
- E5D4AD
- EADDBD
- EFE5CE
- F5EEDE
- FAF6EF
Odcienie ciemniejsze
- B0924A
- 967C3E
- 7D6732
- 655327
- 4D3F1C
- 372C12
- 221B08
- 0F0A02
- 020100
Tony
- C3A55C
- BCA162
- B49D67
- AC996C
- A59570
- 9D9174
- 968D77
- 8F887A
- 87847D
Harmonie kolorów
Komplementarna +180°
- CBA956
Glorious Gold
- 8FABF3
≈ Kitten’s Eye
Analogowa -30° +30°
- CBA956
Glorious Gold
- E29B66
≈ Candle Yellow
- A8B763
≈ Gooseberry Fool
Triada +120° +240°
- CBA956
Glorious Gold
- 44C1D1
≈ Baharroth Blue
- D394D1
≈ Ineffable Magenta
Komplementarna rozszczepiona +150° +210°
- CBA956
Glorious Gold
- 64B8EA
≈ Norfolk Sky
- B59EEA
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
- CBA956
Glorious Gold
- 52C4AC
≈ Shoreline Green
- 8FABF3
≈ Kitten’s Eye
- E590AE
≈ Charm Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.34:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--glorious-gold: #cba956;
--glorious-gold-rgb: 203 169 86;
--glorious-gold-oklch: oklch(0.748 0.11 87.3);
}
.element {
color: var(--glorious-gold);
background-color: hsl(43 53% 57%);
border-color: oklch(0.748 0.11 87.3);
}Tailwind CSS v4
@theme {
--color-glorious-gold: #cba956;
--color-glorious-gold-50: #fff4d2;
--color-glorious-gold-100: #f6e7bf;
--color-glorious-gold-200: #e7d39f;
--color-glorious-gold-300: #ceb575;
--color-glorious-gold-400: #ba9a4c;
--color-glorious-gold-500: #a58117;
--color-glorious-gold-600: #8b6d18;
--color-glorious-gold-700: #705713;
--color-glorious-gold-800: #543f0b;
--color-glorious-gold-900: #3a2b07;
--color-glorious-gold-950: #241800;
}SCSS
$glorious-gold: #cba956;
$glorious-gold-rgb: 203, 169, 86;
$glorious-gold-light: mix(#fff, $glorious-gold, 20%);
$glorious-gold-dark: mix(#000, $glorious-gold, 20%);
.element {
color: $glorious-gold;
box-shadow: 0 0 0 2px rgba($glorious-gold, 0.35);
}