Adlandırılmış renk · #A9A52A
Venom
Venom, #A9A52A: rgb(169 165 42), hsl(58 60% 41%), oklch(0.704 0.138 107.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Venom color name →
#A9A52A
oklch(0.704 0.138 107.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1AE48
- B9B760
- C2C076
- CAC98A
- D2D29E
- DBDBB2
- E4E4C5
- EDEDD8
- F6F6EC
Koyu tonlar
- 928F23
- 7C791C
- 676516
- 535110
- 3F3D0A
- 2C2B05
- 1B1A02
- 0A0A01
- 010100
Gri tonlar
- A5A13A
- A09E47
- 9C9A51
- 989759
- 949361
- 908F68
- 8C8C6F
- 888875
- 84847B
Renk uyumları
Tamamlayıcı +180°
- A9A52A
Venom
- 9B90F0
≈ Perrywinkle
Analog -30° +30°
- A9A52A
Venom
- CE9322
≈ Golden Pheasant
- 74B35B
≈ Palm Tree
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- A9A52A
Venom
- 66A0F4
≈ Feather Star
- C283D7
≈ Purception
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.10:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}