Color con nombre · #DDAA00
Chinese Gold
Chinese Gold es #DDAA00: rgb(221 170 0), hsl(46 100% 43%), oklch(0.764 0.156 86.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Chinese Gold color name →
#DDAA00
oklch(0.764 0.156 86.9)
Conversiones de color
- HEX
- #ddaa00
- RGB
- rgb(221 170 0)
- HSL
- hsl(46 100% 43%)
- HWB
- hwb(46 0% 13%)
- OKLCH
- oklch(0.764 0.156 86.9)
- OKLab
- oklab(0.764 0.009 0.156)
- CIE Lab
- lab(72.83 10.64 75.08)
- LCH
- lch(72.83 75.83 81.9)
- CMYK
- cmyk(0% 23% 100% 13%)
Tintes · Sombras · Tonos
Tintes
- E1B33C
- E4BC5A
- E8C472
- EBCD88
- EFD59D
- F2DEB1
- F5E6C5
- F8EFD8
- FCF7EC
Sombras
- C09300
- A47D00
- 886800
- 6E5300
- 553F00
- 3D2D00
- 261B00
- 110B00
- 020100
Tonos
- D3A62B
- CAA23E
- C19E4B
- B79A56
- AE965F
- A59267
- 9B8D6E
- 928975
- 89857B
Armonías de color
Complementario +180°
- DDAA00
Chinese Gold
- 90B0FF
≈ Kitten’s Eye
Análogo -30° +30°
- DDAA00
Chinese Gold
- FB9540
≈ Joyful Orange
- ACBE36
≈ Lush Bamboo
Triádico +120° +240°
- DDAA00
Chinese Gold
- 00C9DC
≈ The Crowd Roars!
- E68CE6
≈ Frail Fuchsia
Complementario dividido +150° +210°
- DDAA00
Chinese Gold
- 48BEFF
≈ Glitter Lake
- BC9FFF
≈ Diva
Tetrádico +90° +180° +270°
- DDAA00
Chinese Gold
- 00CFB0
≈ Mint Leaf
- 90B0FF
≈ Kitten’s Eye
- FF84B4
≈ Cochonnet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.82:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.82:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--chinese-gold: #ddaa00;
--chinese-gold-rgb: 221 170 0;
--chinese-gold-oklch: oklch(0.764 0.156 86.9);
}
.element {
color: var(--chinese-gold);
background-color: hsl(46 100% 43%);
border-color: oklch(0.764 0.156 86.9);
}Tailwind CSS v4
@theme {
--color-chinese-gold: #ddaa00;
--color-chinese-gold-50: #fff4c3;
--color-chinese-gold-100: #fde6ac;
--color-chinese-gold-200: #efd185;
--color-chinese-gold-300: #d8b34f;
--color-chinese-gold-400: #c69700;
--color-chinese-gold-500: #b27b00;
--color-chinese-gold-600: #976900;
--color-chinese-gold-700: #795400;
--color-chinese-gold-800: #5b3c00;
--color-chinese-gold-900: #402900;
--color-chinese-gold-950: #281700;
}SCSS
$chinese-gold: #ddaa00;
$chinese-gold-rgb: 221, 170, 0;
$chinese-gold-light: mix(#fff, $chinese-gold, 20%);
$chinese-gold-dark: mix(#000, $chinese-gold, 20%);
.element {
color: $chinese-gold;
box-shadow: 0 0 0 2px rgba($chinese-gold, 0.35);
}