Color con nombre · #FDCF6A
Faded Sunlight
Faded Sunlight es #FDCF6A: rgb(253 207 106), hsl(41 97% 70%), oklch(0.875 0.13 85). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Faded Sunlight color name →
#FDCF6A
oklch(0.875 0.13 85)
Conversiones de color
- HEX
- #fdcf6a
- RGB
- rgb(253 207 106)
- HSL
- hsl(41 97% 70%)
- HWB
- hwb(41 42% 1%)
- OKLCH
- oklch(0.875 0.13 85)
- OKLab
- oklab(0.875 0.011 0.129)
- CIE Lab
- lab(85.74 8.54 55.64)
- LCH
- lch(85.74 56.29 81.3)
- CMYK
- cmyk(0% 18% 58% 1%)
Tintes · Sombras · Tonos
Tintes
- FDD47C
- FED98C
- FEDE9C
- FEE3AB
- FEE8B9
- FFEDC8
- FFF1D6
- FFF6E4
- FFFAF1
Sombras
- DCB45B
- BC994D
- 9D7F3F
- 7F6731
- 624F24
- 473818
- 2D230D
- 161004
- 030200
Tonos
- F0C76F
- E3BF73
- D6B776
- C9AF79
- BDA77B
- B0A07D
- A4987E
- 98907F
- 8C8880
Armonías de color
Complementario +180°
- FDCF6A
Faded Sunlight
- C2D6FF
≈ Pale Phthalo Blue
Análogo -30° +30°
- FDCF6A
Faded Sunlight
- FFC9A5
≈ Polly
- D3E078
≈ Ajwain Green
Triádico +120° +240°
- FDCF6A
Faded Sunlight
- 51EEFE
≈ Bioluminescence
- FCBCFF
≈ Distilled Rose
Complementario dividido +150° +210°
- FDCF6A
Faded Sunlight
- A8DEFF
≈ Droplet
- D8CEFF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- FDCF6A
Faded Sunlight
- 67F2D1
≈ Light Turquoise
- C2D6FF
≈ Pale Phthalo Blue
- FFC2D8
≈ Sweet Romance
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.30:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--faded-sunlight: #fdcf6a;
--faded-sunlight-rgb: 253 207 106;
--faded-sunlight-oklch: oklch(0.875 0.13 85);
}
.element {
color: var(--faded-sunlight);
background-color: hsl(41 97% 70%);
border-color: oklch(0.875 0.13 85);
}Tailwind CSS v4
@theme {
--color-faded-sunlight: #fdcf6a;
--color-faded-sunlight-50: #fff4cc;
--color-faded-sunlight-100: #fbe6b7;
--color-faded-sunlight-200: #ecd194;
--color-faded-sunlight-300: #d4b366;
--color-faded-sunlight-400: #c19835;
--color-faded-sunlight-500: #ad7d00;
--color-faded-sunlight-600: #926a00;
--color-faded-sunlight-700: #755500;
--color-faded-sunlight-800: #583d00;
--color-faded-sunlight-900: #3d2a00;
--color-faded-sunlight-950: #271700;
}SCSS
$faded-sunlight: #fdcf6a;
$faded-sunlight-rgb: 253, 207, 106;
$faded-sunlight-light: mix(#fff, $faded-sunlight, 20%);
$faded-sunlight-dark: mix(#000, $faded-sunlight, 20%);
.element {
color: $faded-sunlight;
box-shadow: 0 0 0 2px rgba($faded-sunlight, 0.35);
}