Màu có tên · #9D7F4C
Heart of Gold
Heart of Gold là #9D7F4C: rgb(157 127 76), hsl(38 35% 46%), oklch(0.613 0.078 79.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Heart of Gold color name →
#9D7F4C
oklch(0.613 0.078 79.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A78B5E
- B0986F
- BAA481
- C4B193
- CDBEA4
- D7CAB6
- E1D7C8
- EBE5DA
- F5F2EC
Sắc đậm
- 886E41
- 735D36
- 5F4C2C
- 4C3C22
- 3A2D18
- 281F0F
- 181106
- 090602
- 010100
Sắc xám
- 9A7F52
- 978058
- 94805E
- 928063
- 8F8068
- 8C806D
- 898072
- 868077
- 83807B
Hòa sắc
Bổ túc +180°
- 9D7F4C
Heart of Gold
- 6885B3
≈ Kimono
Tương đồng -30° +30°
- 9D7F4C
Heart of Gold
- AB7659
≈ Decorous Amber
- 878850
≈ Snap Pea Green
Bộ ba +120° +240°
- 9D7F4C
Heart of Gold
- 439296
≈ Catalan
- 9975A2
≈ Scotch Thistle
Bổ túc chia +150° +210°
- 9D7F4C
Heart of Gold
- 4F8DAA
≈ Blue Chaise
- 837CB0
≈ Murex
Bộ bốn +90° +180° +270°
- 9D7F4C
Heart of Gold
- 50937D
≈ Puerto Princesa
- 6885B3
≈ Kimono
- A8718B
≈ Mauve Orchid
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.76:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.57:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
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);
}