Nazwany kolor · #9D7F4C
Heart of Gold
Heart of Gold to #9D7F4C: rgb(157 127 76), hsl(38 35% 46%), oklch(0.613 0.078 79.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Heart of Gold color name →
#9D7F4C
oklch(0.613 0.078 79.8)
Konwersje koloru
- HEX
- #9d7f4c
- RGB
- rgb(157 127 76)
- HSL
- hsl(38 35% 46%)
- HWB
- hwb(38 30% 38%)
- OKLCH
- oklch(0.613 0.078 79.8)
- OKLab
- oklab(0.613 0.014 0.077)
- CIE Lab
- lab(55.23 7.09 32.13)
- LCH
- lch(55.23 32.9 77.6)
- CMYK
- cmyk(0% 19% 52% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A78B5E
- B0986F
- BAA481
- C4B193
- CDBEA4
- D7CAB6
- E1D7C8
- EBE5DA
- F5F2EC
Odcienie ciemniejsze
- 886E41
- 735D36
- 5F4C2C
- 4C3C22
- 3A2D18
- 281F0F
- 181106
- 090602
- 010100
Tony
- 9A7F52
- 978058
- 94805E
- 928063
- 8F8068
- 8C806D
- 898072
- 868077
- 83807B
Harmonie kolorów
Komplementarna +180°
- 9D7F4C
Heart of Gold
- 6885B3
≈ Kimono
Analogowa -30° +30°
- 9D7F4C
Heart of Gold
- AB7659
≈ Decorous Amber
- 878850
≈ Snap Pea Green
Triada +120° +240°
- 9D7F4C
Heart of Gold
- 439296
≈ Catalan
- 9975A2
≈ Scotch Thistle
Komplementarna rozszczepiona +150° +210°
- 9D7F4C
Heart of Gold
- 4F8DAA
≈ Blue Chaise
- 837CB0
≈ Murex
Tetrada +90° +180° +270°
- 9D7F4C
Heart of Gold
- 50937D
≈ Puerto Princesa
- 6885B3
≈ Kimono
- A8718B
≈ Mauve Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.76:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.57:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--heart-of-gold: #9d7f4c;
--heart-of-gold-rgb: 157 127 76;
--heart-of-gold-oklch: oklch(0.613 0.078 79.8);
}
.element {
color: var(--heart-of-gold);
background-color: hsl(38 35% 46%);
border-color: oklch(0.613 0.078 79.8);
}Tailwind CSS v4
@theme {
--color-heart-of-gold: #9d7f4c;
--color-heart-of-gold-50: #fff4dd;
--color-heart-of-gold-100: #f5e6cb;
--color-heart-of-gold-200: #e5d2af;
--color-heart-of-gold-300: #ccb48a;
--color-heart-of-gold-400: #b79a69;
--color-heart-of-gold-500: #a18047;
--color-heart-of-gold-600: #886d3d;
--color-heart-of-gold-700: #6d5730;
--color-heart-of-gold-800: #513f22;
--color-heart-of-gold-900: #392b16;
--color-heart-of-gold-950: #231908;
}SCSS
$heart-of-gold: #9d7f4c;
$heart-of-gold-rgb: 157, 127, 76;
$heart-of-gold-light: mix(#fff, $heart-of-gold, 20%);
$heart-of-gold-dark: mix(#000, $heart-of-gold, 20%);
.element {
color: $heart-of-gold;
box-shadow: 0 0 0 2px rgba($heart-of-gold, 0.35);
}