Adlandırılmış renk · #BDB369
Golden Green
Golden Green, #BDB369: rgb(189 179 105), hsl(53 39% 58%), oklch(0.759 0.096 101.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? → · Golden Green color name →
#BDB369
oklch(0.759 0.096 101.6)
Renk dönüşümleri
- HEX
- #bdb369
- RGB
- rgb(189 179 105)
- HSL
- hsl(53 39% 58%)
- HWB
- hwb(53 41% 26%)
- OKLCH
- oklch(0.759 0.096 101.6)
- OKLab
- oklab(0.759 -0.019 0.094)
- CIE Lab
- lab(72.56 -3.99 38.96)
- LCH
- lch(72.56 39.16 95.9)
- CMYK
- cmyk(0% 5% 44% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3BB79
- CAC288
- D0CA97
- D7D1A6
- DDD9B5
- E4E1C4
- EBE8D3
- F1F0E1
- F8F7F0
Koyu tonlar
- A49B5A
- 8C844C
- 746E3E
- 5D5831
- 474324
- 332F18
- 1F1D0C
- 0D0C04
- 020100
Gri tonlar
- B7AE6D
- B0A970
- AAA473
- A49F75
- 9E9A77
- 98947A
- 928F7B
- 8C8A7D
- 86857F
Renk uyumları
Tamamlayıcı +180°
- BDB369
Golden Green
- A6AAED
≈ Maximum Blue Purple
Analog -30° +30°
- BDB369
Golden Green
- D7A76B
≈ Ungor Beige
- 9BBE7D
≈ Hearty Hosta
Üçlü +120° +240°
- BDB369
Golden Green
- 64BFDC
≈ Magnesia Bay
- DB98C2
≈ Lilac Chiffon
Bölünmüş tamamlayıcı +150° +210°
- BDB369
Golden Green
- 83B5EC
≈ Fly Away
- C59FDD
≈ Autumn Wisteria
Dörtlü +90° +180° +270°
- BDB369
Golden Green
- 5DC4C0
≈ Port Hope
- A6AAED
≈ Maximum Blue Purple
- E697A1
≈ Franken Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.81:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-green: #bdb369;
--golden-green-rgb: 189 179 105;
--golden-green-oklch: oklch(0.759 0.096 101.6);
}
.element {
color: var(--golden-green);
background-color: hsl(53 39% 58%);
border-color: oklch(0.759 0.096 101.6);
}Tailwind CSS v4
@theme {
--color-golden-green: #bdb369;
--color-golden-green-50: #f9f7d8;
--color-golden-green-100: #edeac6;
--color-golden-green-200: #dbd7a8;
--color-golden-green-300: #bfba80;
--color-golden-green-400: #aaa15b;
--color-golden-green-500: #938833;
--color-golden-green-600: #7d732d;
--color-golden-green-700: #645c24;
--color-golden-green-800: #4a4317;
--color-golden-green-900: #342e0f;
--color-golden-green-950: #1f1b03;
}SCSS
$golden-green: #bdb369;
$golden-green-rgb: 189, 179, 105;
$golden-green-light: mix(#fff, $golden-green, 20%);
$golden-green-dark: mix(#000, $golden-green, 20%);
.element {
color: $golden-green;
box-shadow: 0 0 0 2px rgba($golden-green, 0.35);
}