Color con nombre · #CFB352
Gold Gleam
Gold Gleam es #CFB352: rgb(207 179 82), hsl(47 57% 57%), oklch(0.772 0.121 93.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Gold Gleam color name →
#CFB352
oklch(0.772 0.121 93.3)
Conversiones de color
- HEX
- #cfb352
- RGB
- rgb(207 179 82)
- HSL
- hsl(47 57% 57%)
- HWB
- hwb(47 32% 19%)
- OKLCH
- oklch(0.772 0.121 93.3)
- OKLab
- oklab(0.772 -0.007 0.12)
- CIE Lab
- lab(74 2.1 52.18)
- LCH
- lch(74 52.22 87.7)
- CMYK
- cmyk(0% 14% 60% 19%)
Tintes · Sombras · Tonos
Tintes
- D4BB66
- D8C279
- DDCA8B
- E2D29C
- E7D9AD
- ECE1BD
- F0E8CE
- F5F0DE
- FAF8EF
Sombras
- B49B46
- 99843B
- 7F6E2F
- 675825
- 4F431A
- 382F11
- 231D08
- 100C02
- 020100
Tonos
- C7AE5A
- BFA960
- B7A466
- AF9F6B
- A79A6F
- 9F9573
- 979077
- 8F8A7A
- 88857D
Armonías de color
Complementario +180°
- CFB352
Gold Gleam
- 9DB0FF
≈ Widowmaker
Análogo -30° +30°
- CFB352
Gold Gleam
- EBA35E
≈ Doughnut
- A6C268
≈ Jungle Juice
Triádico +120° +240°
- CFB352
Gold Gleam
- 3DC9E3
≈ Picnic Day Sky
- E397D6
≈ Love Dust
Complementario dividido +150° +210°
- CFB352
Gold Gleam
- 6BBDFC
≈ Broken Blue
- C5A2F4
≈ Lavender Cream
Tetrádico +90° +180° +270°
- CFB352
Gold Gleam
- 41CEBC
≈ Bianchi Green
- 9DB0FF
≈ Widowmaker
- F593AD
≈ Unripe Strawberry
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.22:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--gold-gleam: #cfb352;
--gold-gleam-rgb: 207 179 82;
--gold-gleam-oklch: oklch(0.772 0.121 93.3);
}
.element {
color: var(--gold-gleam);
background-color: hsl(47 57% 57%);
border-color: oklch(0.772 0.121 93.3);
}Tailwind CSS v4
@theme {
--color-gold-gleam: #cfb352;
--color-gold-gleam-50: #fff6cf;
--color-gold-gleam-100: #f4e8bb;
--color-gold-gleam-200: #e4d499;
--color-gold-gleam-300: #cab76d;
--color-gold-gleam-400: #b79c41;
--color-gold-gleam-500: #a18300;
--color-gold-gleam-600: #886f00;
--color-gold-gleam-700: #6d5900;
--color-gold-gleam-800: #524000;
--color-gold-gleam-900: #392c01;
--color-gold-gleam-950: #231900;
}SCSS
$gold-gleam: #cfb352;
$gold-gleam-rgb: 207, 179, 82;
$gold-gleam-light: mix(#fff, $gold-gleam, 20%);
$gold-gleam-dark: mix(#000, $gold-gleam, 20%);
.element {
color: $gold-gleam;
box-shadow: 0 0 0 2px rgba($gold-gleam, 0.35);
}