Adlandırılmış renk · #B9A70F
Brass Knuckle
Brass Knuckle, #B9A70F: rgb(185 167 15), hsl(54 85% 39%), oklch(0.722 0.148 101.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Brass Knuckle color name →
#B9A70F
oklch(0.722 0.148 101.5)
Renk dönüşümleri
- HEX
- #b9a70f
- RGB
- rgb(185 167 15)
- HSL
- hsl(54 85% 39%)
- HWB
- hwb(54 6% 27%)
- OKLCH
- oklch(0.722 0.148 101.5)
- OKLab
- oklab(0.722 -0.029 0.145)
- CIE Lab
- lab(68.41 -3.44 68.21)
- LCH
- lch(68.41 68.29 92.9)
- CMYK
- cmyk(0% 10% 92% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0B03D
- C6B959
- CDC270
- D4CB86
- DBD49B
- E2DCAF
- E9E5C3
- F0EED7
- F8F6EB
Koyu tonlar
- A0910B
- 897B08
- 716605
- 5B5203
- 463E02
- 312C01
- 1E1A00
- 0D0A00
- 020100
Gri tonlar
- B3A32D
- ADA03E
- A79C4B
- A19855
- 9C945E
- 969066
- 908C6D
- 8B8874
- 85847A
Renk uyumları
Tamamlayıcı +180°
- B9A70F
Brass Knuckle
- 9698FF
≈ Cobalite
Analog -30° +30°
- B9A70F
Brass Knuckle
- DE931C
≈ Beige Red
- 83B84E
≈ Ultra Green
Üçlü +120° +240°
- B9A70F
Brass Knuckle
- 00B7E0
≈ Blue Atoll
- E27DC0
≈ Fuchsia Blush
Bölünmüş tamamlayıcı +150° +210°
- B9A70F
Brass Knuckle
- 58A9FE
≈ Joust Blue
- C388E8
≈ Lavender Perceptions
Dörtlü +90° +180° +270°
- B9A70F
Brass Knuckle
- 00BDB8
≈ Jade Gravel
- 9698FF
≈ Cobalite
- F27A8D
≈ Flower Blossom Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.44:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.59:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--brass-knuckle: #b9a70f;
--brass-knuckle-rgb: 185 167 15;
--brass-knuckle-oklch: oklch(0.722 0.148 101.5);
}
.element {
color: var(--brass-knuckle);
background-color: hsl(54 85% 39%);
border-color: oklch(0.722 0.148 101.5);
}Tailwind CSS v4
@theme {
--color-brass-knuckle: #b9a70f;
--color-brass-knuckle-50: #fcf8c7;
--color-brass-knuckle-100: #f0ebb2;
--color-brass-knuckle-200: #dfd88c;
--color-brass-knuckle-300: #c5bb5b;
--color-brass-knuckle-400: #b1a018;
--color-brass-knuckle-500: #9c8700;
--color-brass-knuckle-600: #847200;
--color-brass-knuckle-700: #695b00;
--color-brass-knuckle-800: #4f4200;
--color-brass-knuckle-900: #372e00;
--color-brass-knuckle-950: #221a00;
}SCSS
$brass-knuckle: #b9a70f;
$brass-knuckle-rgb: 185, 167, 15;
$brass-knuckle-light: mix(#fff, $brass-knuckle, 20%);
$brass-knuckle-dark: mix(#000, $brass-knuckle, 20%);
.element {
color: $brass-knuckle;
box-shadow: 0 0 0 2px rgba($brass-knuckle, 0.35);
}