Nazwany kolor · #EDC796
Humble Gold
Humble Gold to #EDC796: rgb(237 199 150), hsl(34 71% 76%), oklch(0.851 0.077 73.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Humble Gold color name →
#EDC796
oklch(0.851 0.077 73.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFCDA1
- F1D2AB
- F3D8B6
- F5DEC0
- F6E3CB
- F8E9D5
- FAEEE0
- FCF4EA
- FDF9F5
Odcienie ciemniejsze
- CEAD82
- B0936E
- 937A5B
- 776249
- 5C4C37
- 423626
- 2A2116
- 140E08
- 030201
Tony
- E2C094
- D6B992
- CBB190
- C0AA8E
- B5A38C
- AA9C8A
- A09588
- 958E85
- 8A8783
Harmonie kolorów
Komplementarna +180°
- EDC796
Humble Gold
- ACD1FF
≈ Ice Cold Stare
Analogowa -30° +30°
- EDC796
Humble Gold
- FABEA6
≈ Blushing Apricot
- D6D196
≈ Lemon Fennel
Triada +120° +240°
- EDC796
Humble Gold
- 90DEDC
≈ Limpet Shell
- E0C0F2
≈ Beefy Pink
Komplementarna rozszczepiona +150° +210°
- EDC796
Humble Gold
- 96DAF3
≈ Sora Blue
- C7C8FF
≈ Light Periwinkle
Tetrada +90° +180° +270°
- EDC796
Humble Gold
- 9FDEC0
≈ Almost Aqua
- ACD1FF
≈ Ice Cold Stare
- F3BADB
≈ Manga Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.21:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}