Color con nombre · #D4C990
Golden Mist
Golden Mist es #D4C990: rgb(212 201 144), hsl(50 44% 70%), oklch(0.831 0.076 98.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Mist color name →
#D4C990
oklch(0.831 0.076 98.5)
Conversiones de color
- HEX
- #d4c990
- RGB
- rgb(212 201 144)
- HSL
- hsl(50 44% 70%)
- HWB
- hwb(50 56% 17%)
- OKLCH
- oklch(0.831 0.076 98.5)
- OKLab
- oklab(0.831 -0.011 0.075)
- CIE Lab
- lab(80.86 -2.34 30.02)
- LCH
- lch(80.86 30.11 94.4)
- CMYK
- cmyk(0% 5% 32% 17%)
Tintes · Sombras · Tonos
Tintes
- D8CE9B
- DCD4A7
- E1D9B2
- E5DFBD
- E9E4C8
- EEE9D3
- F2EFDE
- F6F4E9
- FBFAF4
Sombras
- B8AE7D
- 9D956A
- 837C57
- 696445
- 514C34
- 3A3624
- 242215
- 100F07
- 020201
Tonos
- CBC28F
- C3BA8E
- BAB38C
- B1AB8B
- A9A489
- A19D88
- 989586
- 908E84
- 888782
Armonías de color
Complementario +180°
- D4C990
Golden Mist
- BCC3F9
≈ Light Periwinkle
Análogo -30° +30°
- D4C990
Golden Mist
- E9BF93
≈ Homeward Bound
- B9D29D
≈ Fava Bean
Triádico +120° +240°
- D4C990
Golden Mist
- 8ED4E9
≈ Infinity Pool
- E9B5D9
≈ Pink Gems
Complementario dividido +150° +210°
- D4C990
Golden Mist
- A2CDF7
≈ Baby Blue
- D6BBEE
≈ Connecticut Lilac
Tetrádico +90° +180° +270°
- D4C990
Golden Mist
- 8DD8D1
≈ Rainwater
- BCC3F9
≈ Light Periwinkle
- F4B4BE
≈ Squid Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.55:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-mist: #d4c990;
--golden-mist-rgb: 212 201 144;
--golden-mist-oklch: oklch(0.831 0.076 98.5);
}
.element {
color: var(--golden-mist);
background-color: hsl(50 44% 70%);
border-color: oklch(0.831 0.076 98.5);
}Tailwind CSS v4
@theme {
--color-golden-mist: #d4c990;
--color-golden-mist-50: #faf6de;
--color-golden-mist-100: #ede9cd;
--color-golden-mist-200: #dbd6b1;
--color-golden-mist-300: #c0b98c;
--color-golden-mist-400: #aa9f6b;
--color-golden-mist-500: #93874a;
--color-golden-mist-600: #7c723f;
--color-golden-mist-700: #635b32;
--color-golden-mist-800: #4a4223;
--color-golden-mist-900: #332e17;
--color-golden-mist-950: #1f1b08;
}SCSS
$golden-mist: #d4c990;
$golden-mist-rgb: 212, 201, 144;
$golden-mist-light: mix(#fff, $golden-mist, 20%);
$golden-mist-dark: mix(#000, $golden-mist, 20%);
.element {
color: $golden-mist;
box-shadow: 0 0 0 2px rgba($golden-mist, 0.35);
}