Adlandırılmış renk · #A37111
Golden Hind
Golden Hind, #A37111: rgb(163 113 17), hsl(39 81% 35%), oklch(0.586 0.118 76.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Golden Hind color name →
#A37111
oklch(0.586 0.118 76.6)
Renk dönüşümleri
- HEX
- #a37111
- RGB
- rgb(163 113 17)
- HSL
- hsl(39 81% 35%)
- HWB
- hwb(39 7% 36%)
- OKLCH
- oklch(0.586 0.118 76.6)
- OKLab
- oklab(0.586 0.027 0.115)
- CIE Lab
- lab(51.86 14.91 54.54)
- LCH
- lch(51.86 56.54 74.7)
- CMYK
- cmyk(0% 31% 90% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC7F35
- B68D4E
- BF9B65
- C8A97C
- D1B791
- DBC5A7
- E4D4BD
- EDE2D3
- F6F0E9
Koyu tonlar
- 8D610D
- 785209
- 634306
- 4F3504
- 3C2702
- 2A1A01
- 190E00
- 0A0400
- 010100
Gri tonlar
- A07327
- 9C7536
- 997742
- 96784C
- 927A56
- 8F7B5F
- 8B7D68
- 887E70
- 847F78
Renk uyumları
Tamamlayıcı +180°
- A37111
Golden Hind
- 4B7DC1
≈ Parkwater
Analog -30° +30°
- A37111
Golden Hind
- B4633A
≈ Caramel Dream
- 858017
≈ Olive
Üçlü +120° +240°
- A37111
Golden Hind
- 008E90
≈ Forever Teal
- 9864AA
≈ Empire Violet
Bölünmüş tamamlayıcı +150° +210°
- A37111
Golden Hind
- 0088AF
≈ Stomy Shower
- 7770BE
≈ Venus Violet
Dörtlü +90° +180° +270°
- A37111
Golden Hind
- 0E926C
≈ Viridian
- 4B7DC1
≈ Parkwater
- AD5D8A
≈ Dahlia Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.26:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.92:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.92:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-hind: #a37111;
--golden-hind-rgb: 163 113 17;
--golden-hind-oklch: oklch(0.586 0.118 76.6);
}
.element {
color: var(--golden-hind);
background-color: hsl(39 81% 35%);
border-color: oklch(0.586 0.118 76.6);
}Tailwind CSS v4
@theme {
--color-golden-hind: #a37111;
--color-golden-hind-50: #fff2d0;
--color-golden-hind-100: #fee4bc;
--color-golden-hind-200: #f0cf9b;
--color-golden-hind-300: #d8b070;
--color-golden-hind-400: #c69446;
--color-golden-hind-500: #b27a01;
--color-golden-hind-600: #96670b;
--color-golden-hind-700: #78520a;
--color-golden-hind-800: #5a3b06;
--color-golden-hind-900: #3f2904;
--color-golden-hind-950: #281600;
}SCSS
$golden-hind: #a37111;
$golden-hind-rgb: 163, 113, 17;
$golden-hind-light: mix(#fff, $golden-hind, 20%);
$golden-hind-dark: mix(#000, $golden-hind, 20%);
.element {
color: $golden-hind;
box-shadow: 0 0 0 2px rgba($golden-hind, 0.35);
}