命名颜色 · #C19763
Mannered Gold
Mannered Gold 即 #C19763：rgb(193 151 99)、hsl(33 43% 57%)、oklch(0.704 0.085 71.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Mannered Gold color name →
#C19763
oklch(0.704 0.085 71.7)
颜色转换
- HEX
- #c19763
- RGB
- rgb(193 151 99)
- HSL
- hsl(33 43% 57%)
- HWB
- hwb(33 39% 24%)
- OKLCH
- oklch(0.704 0.085 71.7)
- OKLab
- oklab(0.704 0.027 0.081)
- CIE Lab
- lab(65.6 11.48 33.62)
- LCH
- lch(65.6 35.53 71.2)
- CMYK
- cmyk(0% 22% 49% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7A173
- CEAB82
- D4B692
- DAC0A1
- E0CAB1
- E7D5C0
- EDDFD0
- F3EADF
- F9F4EF
深色调
- A78355
- 8F6F47
- 775C3A
- 5F492E
- 493721
- 342616
- 20170B
- 0E0803
- 020100
灰色调
- BA9567
- B4936A
- AD906E
- A78E71
- A08C74
- 9A8A76
- 948779
- 8D857B
- 87827E
配色和谐
互补色 +180°
- C19763
Mannered Gold
- 78A3D4
≈ Boudoir Blue
类似色 -30° +30°
- C19763
Mannered Gold
- CE8E76
≈ Sociable
- AAA262
≈ Wavy Glass
三角配色 +120° +240°
- C19763
Mannered Gold
- 58B1AD
≈ Artesian Well
- B191C7
≈ Fleur-De-Lis
分裂互补色 +150° +210°
- C19763
Mannered Gold
- 5EACC5
≈ Blue Mist
- 9699D4
≈ Bluebell Frost
四角配色 +90° +180° +270°
- C19763
Mannered Gold
- 6DB08F
≈ Melon Green
- 78A3D4
≈ Boudoir Blue
- C58BAF
≈ Bonny Belle
对比度与无障碍
Ag
Fail白底
WCAG 2.66:1 · APCA Lc 52
Ag
AAA黑底
WCAG 7.87:1 · APCA Lc 50
最佳文字颜色: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
代码片段
CSS
:root {
--mannered-gold: #c19763;
--mannered-gold-rgb: 193 151 99;
--mannered-gold-oklch: oklch(0.704 0.085 71.7);
}
.element {
color: var(--mannered-gold);
background-color: hsl(33 43% 57%);
border-color: oklch(0.704 0.085 71.7);
}Tailwind CSS v4
@theme {
--color-mannered-gold: #c19763;
--color-mannered-gold-50: #fff2db;
--color-mannered-gold-100: #fae4c9;
--color-mannered-gold-200: #ebcfad;
--color-mannered-gold-300: #d2b187;
--color-mannered-gold-400: #be9665;
--color-mannered-gold-500: #a97c42;
--color-mannered-gold-600: #8f6939;
--color-mannered-gold-700: #73542d;
--color-mannered-gold-800: #553d20;
--color-mannered-gold-900: #3c2a15;
--color-mannered-gold-950: #251706;
}SCSS
$mannered-gold: #c19763;
$mannered-gold-rgb: 193, 151, 99;
$mannered-gold-light: mix(#fff, $mannered-gold, 20%);
$mannered-gold-dark: mix(#000, $mannered-gold, 20%);
.element {
color: $mannered-gold;
box-shadow: 0 0 0 2px rgba($mannered-gold, 0.35);
}