Adlandırılmış renk · #D7B056
Golden Cricket
Golden Cricket, #D7B056: rgb(215 176 86), hsl(42 62% 59%), oklch(0.774 0.118 85.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Golden Cricket color name →
#D7B056
oklch(0.774 0.118 85.9)
Renk dönüşümleri
- HEX
- #d7b056
- RGB
- rgb(215 176 86)
- HSL
- hsl(42 62% 59%)
- HWB
- hwb(42 34% 16%)
- OKLCH
- oklch(0.774 0.118 85.9)
- OKLab
- oklab(0.774 0.008 0.117)
- CIE Lab
- lab(74.07 7.18 50.68)
- LCH
- lch(74.07 51.18 81.9)
- CMYK
- cmyk(0% 18% 60% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBB869
- DFC07C
- E3C88D
- E7D09E
- EBD8AE
- EFE0BE
- F3E8CF
- F7EFDF
- FBF7EF
Koyu tonlar
- BB994A
- 9F823E
- 856C32
- 6B5627
- 52421C
- 3B2E12
- 251C08
- 110B02
- 020100
Gri tonlar
- CEAB5D
- C5A763
- BCA268
- B39D6D
- AB9871
- A29474
- 998F78
- 918A7B
- 88857E
Renk uyumları
Tamamlayıcı +180°
- D7B056
Golden Cricket
- 93B4FF
≈ Carolina Blue
Analog -30° +30°
- D7B056
Golden Cricket
- EFA169
≈ Monarch Orange
- B2BF63
≈ Light Olive
Üçlü +120° +240°
- D7B056
Golden Cricket
- 3FCBDA
≈ Sea Serpent
- DD9BDE
≈ Herb Robert
Bölünmüş tamamlayıcı +150° +210°
- D7B056
Golden Cricket
- 63C1F6
≈ Blue Mana
- BCA6F8
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- D7B056
Golden Cricket
- 52CEB3
≈ Simply Aqua
- 93B4FF
≈ Carolina Blue
- F195B8
≈ Illusion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.23:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-cricket: #d7b056;
--golden-cricket-rgb: 215 176 86;
--golden-cricket-oklch: oklch(0.774 0.118 85.9);
}
.element {
color: var(--golden-cricket);
background-color: hsl(42 62% 59%);
border-color: oklch(0.774 0.118 85.9);
}Tailwind CSS v4
@theme {
--color-golden-cricket: #d7b056;
--color-golden-cricket-50: #fff4d0;
--color-golden-cricket-100: #f8e6bc;
--color-golden-cricket-200: #e9d29a;
--color-golden-cricket-300: #d1b46f;
--color-golden-cricket-400: #bd9944;
--color-golden-cricket-500: #a97f00;
--color-golden-cricket-600: #8e6c03;
--color-golden-cricket-700: #725606;
--color-golden-cricket-800: #553e03;
--color-golden-cricket-900: #3c2b03;
--color-golden-cricket-950: #251800;
}SCSS
$golden-cricket: #d7b056;
$golden-cricket-rgb: 215, 176, 86;
$golden-cricket-light: mix(#fff, $golden-cricket, 20%);
$golden-cricket-dark: mix(#000, $golden-cricket, 20%);
.element {
color: $golden-cricket;
box-shadow: 0 0 0 2px rgba($golden-cricket, 0.35);
}