En yakın adlandırılmış renk · #B39922
#B39922
En yakın adlandırılmış renk: Sunken Gold
#B39922 (rgb(179 153 34), hsl(49 68% 42%), oklch(0.687 0.132 95.8)) en çok Sunken Gold adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B39922
oklch(0.687 0.132 95.8)
Renk dönüşümleri
- HEX
- #b39922
- RGB
- rgb(179 153 34)
- HSL
- hsl(49 68% 42%)
- HWB
- hwb(49 13% 30%)
- OKLCH
- oklch(0.687 0.132 95.8)
- OKLab
- oklab(0.687 -0.013 0.131)
- CIE Lab
- lab(64.13 1.33 60.33)
- LCH
- lch(64.13 60.34 88.7)
- CMYK
- cmyk(0% 15% 81% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA343
- C2AD5C
- C9B872
- D1C287
- D8CC9B
- E0D6AF
- E8E0C3
- EFEBD7
- F7F5EB
Koyu tonlar
- 9B841C
- 847016
- 6E5D11
- 584A0B
- 433807
- 2F2703
- 1D1701
- 0C0800
- 010100
Gri tonlar
- AE9735
- A99442
- A3924D
- 9E9056
- 998D5F
- 948B66
- 8F886D
- 8A8674
- 85837A
Renk uyumları
Tamamlayıcı +180°
- B39922
Sunken Gold
- 8492EB
≈ Perrywinkle
Analog -30° +30°
- B39922
Sunken Gold
- D18833
≈ Pumpkin Squash
- 86A847
≈ Lime It or Leave It
Üçlü +120° +240°
- B39922
Sunken Gold
- 00ACCA
≈ Gummy Dolphins
- CC79B9
≈ Peruvian Lily
Bölünmüş tamamlayıcı +150° +210°
- B39922
Sunken Gold
- 4BA1E6
≈ Perfect Days
- AE84DB
≈ Lavender Blossom
Dörtlü +90° +180° +270°
- B39922
Sunken Gold
- 00B2A5
≈ Cozumel
- 8492EB
≈ Perrywinkle
- DD758E
≈ Creamy Coral
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunken-gold: #b39922;
--sunken-gold-rgb: 179 153 34;
--sunken-gold-oklch: oklch(0.687 0.132 95.8);
}
.element {
color: var(--sunken-gold);
background-color: hsl(49 68% 42%);
border-color: oklch(0.687 0.132 95.8);
}Tailwind CSS v4
@theme {
--color-sunken-gold: #b39922;
--color-sunken-gold-50: #fff6cc;
--color-sunken-gold-100: #f3e9b7;
--color-sunken-gold-200: #e3d594;
--color-sunken-gold-300: #c9b866;
--color-sunken-gold-400: #b69d33;
--color-sunken-gold-500: #a18400;
--color-sunken-gold-600: #887000;
--color-sunken-gold-700: #6d5900;
--color-sunken-gold-800: #524100;
--color-sunken-gold-900: #392d00;
--color-sunken-gold-950: #231900;
}SCSS
$sunken-gold: #b39922;
$sunken-gold-rgb: 179, 153, 34;
$sunken-gold-light: mix(#fff, $sunken-gold, 20%);
$sunken-gold-dark: mix(#000, $sunken-gold, 20%);
.element {
color: $sunken-gold;
box-shadow: 0 0 0 2px rgba($sunken-gold, 0.35);
}