Nazwany kolor · #A5A502
Jīn Sè Gold
Jīn Sè Gold to #A5A502: rgb(165 165 2), hsl(60 98% 33%), oklch(0.699 0.152 109.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Jīn Sè Gold color name →
#A5A502
oklch(0.699 0.152 109.8)
Konwersje koloru
- HEX
- #a5a502
- RGB
- rgb(165 165 2)
- HSL
- hsl(60 98% 33%)
- HWB
- hwb(60 1% 35%)
- OKLCH
- oklch(0.699 0.152 109.8)
- OKLab
- oklab(0.699 -0.051 0.143)
- CIE Lab
- lab(66.02 -11.35 67.17)
- LCH
- lch(66.02 68.13 99.6)
- CMYK
- cmyk(0% 0% 99% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ADAE39
- B6B755
- BEC06D
- C7C983
- D0D299
- D9DBAD
- E3E4C2
- ECEDD6
- F5F6EB
Odcienie ciemniejsze
- 8F8F01
- 797901
- 656501
- 515100
- 3D3D00
- 2B2B00
- 1A1A00
- 0A0A00
- 010100
Tony
- A1A228
- 9D9E3A
- 999B48
- 959752
- 92935C
- 8E9064
- 8A8C6C
- 878873
- 83847A
Harmonie kolorów
Komplementarna +180°
- A5A502
Jīn Sè Gold
- 9D8BF5
≈ Lavender Blue Shadow
Analogowa -30° +30°
- A5A502
Jīn Sè Gold
- CD9200
≈ Elysium Gold
- 67B455
≈ Pure Apple
Triada +120° +240°
- A5A502
Jīn Sè Gold
- 00ADE3
≈ Royal Peacock
- E273AC
≈ Amaranth
Komplementarna rozszczepiona +150° +210°
- A5A502
Jīn Sè Gold
- 639DFB
≈ Blue Chaos
- C77CD8
≈ Purple Kush
Tetrada +90° +180° +270°
- A5A502
Jīn Sè Gold
- 00B4BB
≈ Cyan Sky
- 9D8BF5
≈ Lavender Blue Shadow
- ED7277
≈ Pastrami
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.98:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--jin-se-gold: #a5a502;
--jin-se-gold-rgb: 165 165 2;
--jin-se-gold-oklch: oklch(0.699 0.152 109.8);
}
.element {
color: var(--jin-se-gold);
background-color: hsl(60 98% 33%);
border-color: oklch(0.699 0.152 109.8);
}Tailwind CSS v4
@theme {
--color-jin-se-gold: #a5a502;
--color-jin-se-gold-50: #f6fac8;
--color-jin-se-gold-100: #e9eeb3;
--color-jin-se-gold-200: #d6db8e;
--color-jin-se-gold-300: #babf5e;
--color-jin-se-gold-400: #a5a51f;
--color-jin-se-gold-500: #8e8d00;
--color-jin-se-gold-600: #787700;
--color-jin-se-gold-700: #605f00;
--color-jin-se-gold-800: #484500;
--color-jin-se-gold-900: #323000;
--color-jin-se-gold-950: #1e1c00;
}SCSS
$jin-se-gold: #a5a502;
$jin-se-gold-rgb: 165, 165, 2;
$jin-se-gold-light: mix(#fff, $jin-se-gold, 20%);
$jin-se-gold-dark: mix(#000, $jin-se-gold, 20%);
.element {
color: $jin-se-gold;
box-shadow: 0 0 0 2px rgba($jin-se-gold, 0.35);
}