Adlandırılmış renk · #EDC796
Humble Gold
Humble Gold, #EDC796: rgb(237 199 150), hsl(34 71% 76%), oklch(0.851 0.077 73.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Humble Gold color name →
#EDC796
oklch(0.851 0.077 73.5)
Renk dönüşümleri
- HEX
- #edc796
- RGB
- rgb(237 199 150)
- HSL
- hsl(34 71% 76%)
- HWB
- hwb(34 59% 7%)
- OKLCH
- oklch(0.851 0.077 73.5)
- OKLab
- oklab(0.851 0.022 0.074)
- CIE Lab
- lab(82.72 9.01 29.87)
- LCH
- lch(82.72 31.2 73.2)
- CMYK
- cmyk(0% 16% 37% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFCDA1
- F1D2AB
- F3D8B6
- F5DEC0
- F6E3CB
- F8E9D5
- FAEEE0
- FCF4EA
- FDF9F5
Koyu tonlar
- CEAD82
- B0936E
- 937A5B
- 776249
- 5C4C37
- 423626
- 2A2116
- 140E08
- 030201
Gri tonlar
- E2C094
- D6B992
- CBB190
- C0AA8E
- B5A38C
- AA9C8A
- A09588
- 958E85
- 8A8783
Renk uyumları
Tamamlayıcı +180°
- EDC796
Humble Gold
- ACD1FF
≈ Ice Cold Stare
Analog -30° +30°
- EDC796
Humble Gold
- FABEA6
≈ Blushing Apricot
- D6D196
≈ Lemon Fennel
Üçlü +120° +240°
- EDC796
Humble Gold
- 90DEDC
≈ Limpet Shell
- E0C0F2
≈ Beefy Pink
Bölünmüş tamamlayıcı +150° +210°
- EDC796
Humble Gold
- 96DAF3
≈ Sora Blue
- C7C8FF
≈ Light Periwinkle
Dörtlü +90° +180° +270°
- EDC796
Humble Gold
- 9FDEC0
≈ Almost Aqua
- ACD1FF
≈ Ice Cold Stare
- F3BADB
≈ Manga Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.21:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--humble-gold: #edc796;
--humble-gold-rgb: 237 199 150;
--humble-gold-oklch: oklch(0.851 0.077 73.5);
}
.element {
color: var(--humble-gold);
background-color: hsl(34 71% 76%);
border-color: oklch(0.851 0.077 73.5);
}Tailwind CSS v4
@theme {
--color-humble-gold: #edc796;
--color-humble-gold-50: #fff3dd;
--color-humble-gold-100: #f7e5cc;
--color-humble-gold-200: #e8d0b0;
--color-humble-gold-300: #cfb28c;
--color-humble-gold-400: #ba986b;
--color-humble-gold-500: #a57e4a;
--color-humble-gold-600: #8b6b3f;
--color-humble-gold-700: #705532;
--color-humble-gold-800: #533e23;
--color-humble-gold-900: #3a2b17;
--color-humble-gold-950: #241808;
}SCSS
$humble-gold: #edc796;
$humble-gold-rgb: 237, 199, 150;
$humble-gold-light: mix(#fff, $humble-gold, 20%);
$humble-gold-dark: mix(#000, $humble-gold, 20%);
.element {
color: $humble-gold;
box-shadow: 0 0 0 2px rgba($humble-gold, 0.35);
}