Color con nombre · #FCECD5
Go Go Glow
Go Go Glow es #FCECD5: rgb(252 236 213), hsl(35 87% 91%), oklch(0.95 0.035 77.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Go Go Glow color name →
#FCECD5
oklch(0.95 0.035 77.1)
Conversiones de color
- HEX
- #fcecd5
- RGB
- rgb(252 236 213)
- HSL
- hsl(35 87% 91%)
- HWB
- hwb(35 84% 1%)
- OKLCH
- oklch(0.95 0.035 77.1)
- OKLab
- oklab(0.95 0.008 0.034)
- CIE Lab
- lab(94.24 2.88 13.25)
- LCH
- lch(94.24 13.56 77.7)
- CMYK
- cmyk(0% 6% 15% 1%)
Tintes · Sombras · Tonos
Tintes
- FCEED9
- FDF0DD
- FDF2E2
- FDF4E6
- FEF6EA
- FEF7EE
- FEF9F2
- FEFBF7
- FFFDFB
Sombras
- DBCDB9
- BBAF9E
- 9C9283
- 7E766A
- 625B51
- 47423A
- 2D2924
- 161310
- 030302
Tonos
- EFE1CC
- E2D5C3
- D5CABB
- C9BFB2
- BCB5AA
- B0AAA1
- A49F99
- 989590
- 8C8A88
Armonías de color
Complementario +180°
- FCECD5
Go Go Glow
- E4EFFF
≈ Brilliant White
Análogo -30° +30°
- FCECD5
Go Go Glow
- FFE9DF
≈ Translucent Silk
- F1F1D6
≈ Capri Cream
Triádico +120° +240°
- FCECD5
Go Go Glow
- D4F6F6
≈ Fishious Rend
- F8E8FE
≈ Placebo Fuchsia
Complementario dividido +150° +210°
- FCECD5
Go Go Glow
- DAF3FF
≈ Wizard White
- EDECFF
≈ Placebo Purple
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 18.09:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.09:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--go-go-glow: #fcecd5;
--go-go-glow-rgb: 252 236 213;
--go-go-glow-oklch: oklch(0.95 0.035 77.1);
}
.element {
color: var(--go-go-glow);
background-color: hsl(35 87% 91%);
border-color: oklch(0.95 0.035 77.1);
}Tailwind CSS v4
@theme {
--color-go-go-glow: #fcecd5;
--color-go-go-glow-50: #fbf4ea;
--color-go-go-glow-100: #eee7db;
--color-go-go-glow-200: #dcd3c4;
--color-go-go-glow-300: #c1b6a4;
--color-go-go-glow-400: #aa9c88;
--color-go-go-glow-500: #93846d;
--color-go-go-glow-600: #7d6f5c;
--color-go-go-glow-700: #645949;
--color-go-go-glow-800: #4a4135;
--color-go-go-glow-900: #332d24;
--color-go-go-glow-950: #1f1a13;
}SCSS
$go-go-glow: #fcecd5;
$go-go-glow-rgb: 252, 236, 213;
$go-go-glow-light: mix(#fff, $go-go-glow, 20%);
$go-go-glow-dark: mix(#000, $go-go-glow, 20%);
.element {
color: $go-go-glow;
box-shadow: 0 0 0 2px rgba($go-go-glow, 0.35);
}