Adlandırılmış renk · #977447
Rococo Gold
Rococo Gold, #977447: rgb(151 116 71), hsl(34 36% 44%), oklch(0.583 0.076 72.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Rococo Gold color name →
#977447
oklch(0.583 0.076 72.4)
Renk dönüşümleri
- HEX
- #977447
- RGB
- rgb(151 116 71)
- HSL
- hsl(34 36% 44%)
- HWB
- hwb(34 28% 41%)
- OKLCH
- oklch(0.583 0.076 72.4)
- OKLab
- oklab(0.583 0.023 0.072)
- CIE Lab
- lab(51.6 10.04 30.26)
- LCH
- lch(51.6 31.88 71.6)
- CMYK
- cmyk(0% 23% 53% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A18159
- AC8F6B
- B69C7D
- C0AA8F
- CBB8A1
- D5C6B3
- DFD4C6
- EAE2D9
- F4F0EC
Koyu tonlar
- 83643D
- 6F5432
- 5C4528
- 49371F
- 372916
- 261B0D
- 170F06
- 080502
- 010100
Gri tonlar
- 95754E
- 937754
- 90785A
- 8E7960
- 8C7B65
- 8A7C6B
- 877D70
- 857E76
- 827F7B
Renk uyumları
Tamamlayıcı +180°
- 977447
Rococo Gold
- 5A7EA7
≈ Blue Fin
Analog -30° +30°
- 977447
Rococo Gold
- A26C57
≈ Earth Tone
- 847D46
≈ Green Moss
Üçlü +120° +240°
- 977447
Rococo Gold
- 3D8A87
≈ Taos Turquoise
- 8B6E9C
≈ Fuji Purple
Bölünmüş tamamlayıcı +150° +210°
- 977447
Rococo Gold
- 43859C
≈ Dirty Blue
- 7476A7
≈ Bleached Denim
Dörtlü +90° +180° +270°
- 977447
Rococo Gold
- 4F896E
≈ Saltwater Depth
- 5A7EA7
≈ Blue Fin
- 9B6988
≈ Garden Aroma
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.28:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.90:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.90:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--rococo-gold: #977447;
--rococo-gold-rgb: 151 116 71;
--rococo-gold-oklch: oklch(0.583 0.076 72.4);
}
.element {
color: var(--rococo-gold);
background-color: hsl(34 36% 44%);
border-color: oklch(0.583 0.076 72.4);
}Tailwind CSS v4
@theme {
--color-rococo-gold: #977447;
--color-rococo-gold-50: #fff3de;
--color-rococo-gold-100: #f7e5cd;
--color-rococo-gold-200: #e8d0b1;
--color-rococo-gold-300: #cfb28d;
--color-rococo-gold-400: #ba986c;
--color-rococo-gold-500: #a57e4b;
--color-rococo-gold-600: #8c6b41;
--color-rococo-gold-700: #705533;
--color-rococo-gold-800: #533e24;
--color-rococo-gold-900: #3a2a18;
--color-rococo-gold-950: #241809;
}SCSS
$rococo-gold: #977447;
$rococo-gold-rgb: 151, 116, 71;
$rococo-gold-light: mix(#fff, $rococo-gold, 20%);
$rococo-gold-dark: mix(#000, $rococo-gold, 20%);
.element {
color: $rococo-gold;
box-shadow: 0 0 0 2px rgba($rococo-gold, 0.35);
}