Color con nombre · #EAC365
Quilt Gold
Quilt Gold es #EAC365: rgb(234 195 101), hsl(42 76% 66%), oklch(0.833 0.121 87.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Quilt Gold color name →
#EAC365
oklch(0.833 0.121 87.1)
Conversiones de color
- HEX
- #eac365
- RGB
- rgb(234 195 101)
- HSL
- hsl(42 76% 66%)
- HWB
- hwb(42 40% 8%)
- OKLCH
- oklch(0.833 0.121 87.1)
- OKLab
- oklab(0.833 0.006 0.121)
- CIE Lab
- lab(80.86 6.4 51.88)
- LCH
- lch(80.86 52.27 83)
- CMYK
- cmyk(0% 17% 57% 8%)
Tintes · Sombras · Tonos
Tintes
- ECC977
- EECF87
- F1D597
- F3DCA7
- F5E2B6
- F7E8C5
- F9EDD3
- FBF3E2
- FDF9F1
Sombras
- CBA957
- AE9049
- 91783C
- 75602F
- 5A4A22
- 413417
- 29200C
- 130E03
- 030200
Tonos
- DFBC6A
- D4B66E
- C9AF72
- BEA875
- B4A278
- A99B7A
- 9F947C
- 948D7E
- 8A877F
Armonías de color
Complementario +180°
- EAC365
Quilt Gold
- B0C7FF
≈ Night Snow
Análogo -30° +30°
- EAC365
Quilt Gold
- FFB67F
≈ Go Go Mango
- C2D374
≈ Daiquiri Green
Triádico +120° +240°
- EAC365
Quilt Gold
- 51DEF0
≈ Blue Dacnis
- F2ACF1
≈ Pinky Swear
Complementario dividido +150° +210°
- EAC365
Quilt Gold
- 8AD2FF
≈ Long Island Sound
- CEBBFF
≈ Lavender Tonic
Tetrádico +90° +180° +270°
- EAC365
Quilt Gold
- 60E2C7
≈ Ocean in a Bowl
- B0C7FF
≈ Night Snow
- FFACC9
≈ Heartfelt
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.49:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--quilt-gold: #eac365;
--quilt-gold-rgb: 234 195 101;
--quilt-gold-oklch: oklch(0.833 0.121 87.1);
}
.element {
color: var(--quilt-gold);
background-color: hsl(42 76% 66%);
border-color: oklch(0.833 0.121 87.1);
}Tailwind CSS v4
@theme {
--color-quilt-gold: #eac365;
--color-quilt-gold-50: #fff4ce;
--color-quilt-gold-100: #f8e7ba;
--color-quilt-gold-200: #e9d298;
--color-quilt-gold-300: #d0b56c;
--color-quilt-gold-400: #bd9940;
--color-quilt-gold-500: #a87f00;
--color-quilt-gold-600: #8e6c00;
--color-quilt-gold-700: #725600;
--color-quilt-gold-800: #553e00;
--color-quilt-gold-900: #3c2b01;
--color-quilt-gold-950: #251800;
}SCSS
$quilt-gold: #eac365;
$quilt-gold-rgb: 234, 195, 101;
$quilt-gold-light: mix(#fff, $quilt-gold, 20%);
$quilt-gold-dark: mix(#000, $quilt-gold, 20%);
.element {
color: $quilt-gold;
box-shadow: 0 0 0 2px rgba($quilt-gold, 0.35);
}