Colore con nome · #9D7F4C
Heart of Gold
Heart of Gold è #9D7F4C: rgb(157 127 76), hsl(38 35% 46%), oklch(0.613 0.078 79.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Heart of Gold color name →
#9D7F4C
oklch(0.613 0.078 79.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A78B5E
- B0986F
- BAA481
- C4B193
- CDBEA4
- D7CAB6
- E1D7C8
- EBE5DA
- F5F2EC
Ombre
- 886E41
- 735D36
- 5F4C2C
- 4C3C22
- 3A2D18
- 281F0F
- 181106
- 090602
- 010100
Toni
- 9A7F52
- 978058
- 94805E
- 928063
- 8F8068
- 8C806D
- 898072
- 868077
- 83807B
Armonie di colore
Complementare +180°
- 9D7F4C
Heart of Gold
- 6885B3
≈ Kimono
Analogo -30° +30°
- 9D7F4C
Heart of Gold
- AB7659
≈ Decorous Amber
- 878850
≈ Snap Pea Green
Triadico +120° +240°
- 9D7F4C
Heart of Gold
- 439296
≈ Catalan
- 9975A2
≈ Scotch Thistle
Complementare divisa +150° +210°
- 9D7F4C
Heart of Gold
- 4F8DAA
≈ Blue Chaise
- 837CB0
≈ Murex
Tetradico +90° +180° +270°
- 9D7F4C
Heart of Gold
- 50937D
≈ Puerto Princesa
- 6885B3
≈ Kimono
- A8718B
≈ Mauve Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
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);
}