Nazwany kolor · #A9A52A
Venom
Venom to #A9A52A: rgb(169 165 42), hsl(58 60% 41%), oklch(0.704 0.138 107.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Venom color name →
#A9A52A
oklch(0.704 0.138 107.6)
Konwersje koloru
- HEX
- #a9a52a
- RGB
- rgb(169 165 42)
- HSL
- hsl(58 60% 41%)
- HWB
- hwb(58 16% 34%)
- OKLCH
- oklch(0.704 0.138 107.6)
- OKLab
- oklab(0.704 -0.042 0.131)
- CIE Lab
- lab(66.48 -8.88 59.38)
- LCH
- lch(66.48 60.04 98.5)
- CMYK
- cmyk(0% 2% 75% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1AE48
- B9B760
- C2C076
- CAC98A
- D2D29E
- DBDBB2
- E4E4C5
- EDEDD8
- F6F6EC
Odcienie ciemniejsze
- 928F23
- 7C791C
- 676516
- 535110
- 3F3D0A
- 2C2B05
- 1B1A02
- 0A0A01
- 010100
Tony
- A5A13A
- A09E47
- 9C9A51
- 989759
- 949361
- 908F68
- 8C8C6F
- 888875
- 84847B
Harmonie kolorów
Komplementarna +180°
- A9A52A
Venom
- 9B90F0
≈ Perrywinkle
Analogowa -30° +30°
- A9A52A
Venom
- CE9322
≈ Golden Pheasant
- 74B35B
≈ Palm Tree
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- A9A52A
Venom
- 66A0F4
≈ Feather Star
- C283D7
≈ Purception
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.10:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--venom: #a9a52a;
--venom-rgb: 169 165 42;
--venom-oklch: oklch(0.704 0.138 107.6);
}
.element {
color: var(--venom);
background-color: hsl(58 60% 41%);
border-color: oklch(0.704 0.138 107.6);
}Tailwind CSS v4
@theme {
--color-venom: #a9a52a;
--color-venom-50: #f7f9cc;
--color-venom-100: #eaedb7;
--color-venom-200: #d8da94;
--color-venom-300: #bcbe67;
--color-venom-400: #a7a433;
--color-venom-500: #918b00;
--color-venom-600: #7a7600;
--color-venom-700: #625e00;
--color-venom-800: #494400;
--color-venom-900: #332f00;
--color-venom-950: #1f1c00;
}SCSS
$venom: #a9a52a;
$venom-rgb: 169, 165, 42;
$venom-light: mix(#fff, $venom, 20%);
$venom-dark: mix(#000, $venom, 20%);
.element {
color: $venom;
box-shadow: 0 0 0 2px rgba($venom, 0.35);
}