Color con nombre · #CCAA55
Golden Blond
Golden Blond es #CCAA55: rgb(204 170 85), hsl(43 54% 57%), oklch(0.751 0.111 87.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Blond color name →
#CCAA55
oklch(0.751 0.111 87.7)
Conversiones de color
- HEX
- #ccaa55
- RGB
- rgb(204 170 85)
- HSL
- hsl(43 54% 57%)
- HWB
- hwb(43 33% 20%)
- OKLCH
- oklch(0.751 0.111 87.7)
- OKLab
- oklab(0.751 0.004 0.111)
- CIE Lab
- lab(71.42 5.51 47.85)
- LCH
- lch(71.42 48.16 83.4)
- CMYK
- cmyk(0% 17% 58% 20%)
Tintes · Sombras · Tonos
Tintes
- D1B368
- D6BB7A
- DBC48B
- E0CC9C
- E6D5AD
- EBDDBD
- F0E6CE
- F5EEDE
- FAF7EF
Sombras
- B19349
- 977D3D
- 7E6831
- 655326
- 4E3F1C
- 372D11
- 221B08
- 0F0B02
- 020100
Tonos
- C4A65C
- BCA261
- B59E67
- AD9A6B
- A59570
- 9E9173
- 968D77
- 8F897A
- 87847D
Armonías de color
Complementario +180°
- CCAA55
Golden Blond
- 90ACF5
≈ Kitten’s Eye
Análogo -30° +30°
- CCAA55
Golden Blond
- E39C65
≈ Candle Yellow
- A8B863
≈ Gooseberry Fool
Triádico +120° +240°
- CCAA55
Golden Blond
- 42C2D3
≈ The Crowd Roars!
- D595D2
≈ Ineffable Magenta
Complementario dividido +150° +210°
- CCAA55
Golden Blond
- 64B8EC
≈ Norfolk Sky
- B69FEC
≈ Lavender Cream
Tetrádico +90° +180° +270°
- CCAA55
Golden Blond
- 50C5AE
≈ Disc Jockey
- 90ACF5
≈ Kitten’s Eye
- E790AE
≈ Charm Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.44:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-blond: #ccaa55;
--golden-blond-rgb: 204 170 85;
--golden-blond-oklch: oklch(0.751 0.111 87.7);
}
.element {
color: var(--golden-blond);
background-color: hsl(43 54% 57%);
border-color: oklch(0.751 0.111 87.7);
}Tailwind CSS v4
@theme {
--color-golden-blond: #ccaa55;
--color-golden-blond-50: #fff4d2;
--color-golden-blond-100: #f6e7be;
--color-golden-blond-200: #e7d39e;
--color-golden-blond-300: #ceb574;
--color-golden-blond-400: #ba9a4a;
--color-golden-blond-500: #a58111;
--color-golden-blond-600: #8b6d14;
--color-golden-blond-700: #705711;
--color-golden-blond-800: #543f09;
--color-golden-blond-900: #3a2b06;
--color-golden-blond-950: #241800;
}SCSS
$golden-blond: #ccaa55;
$golden-blond-rgb: 204, 170, 85;
$golden-blond-light: mix(#fff, $golden-blond, 20%);
$golden-blond-dark: mix(#000, $golden-blond, 20%);
.element {
color: $golden-blond;
box-shadow: 0 0 0 2px rgba($golden-blond, 0.35);
}