Color con nombre · #FFFBD7
Country Summer
Country Summer es #FFFBD7: rgb(255 251 215), hsl(54 100% 92%), oklch(0.982 0.047 102). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Country Summer color name →
#FFFBD7
oklch(0.982 0.047 102)
Conversiones de color
- HEX
- #fffbd7
- RGB
- rgb(255 251 215)
- HSL
- hsl(54 100% 92%)
- HWB
- hwb(54 84% 0%)
- OKLCH
- oklch(0.982 0.047 102)
- OKLab
- oklab(0.982 -0.01 0.046)
- CIE Lab
- lab(98.24 -2.92 17.84)
- LCH
- lch(98.24 18.08 99.3)
- CMYK
- cmyk(0% 2% 16% 0%)
Tintes · Sombras · Tonos
Tintes
- FFFBDB
- FFFCDF
- FFFCE3
- FFFDE7
- FFFDEB
- FFFDEF
- FFFEF3
- FFFEF7
- FFFFFB
Sombras
- DEDABB
- BEBA9F
- 9E9C85
- 807E6B
- 636152
- 48463B
- 2E2D25
- 161511
- 030302
Tonos
- F2EECE
- E4E1C5
- D7D5BC
- CAC8B4
- BDBCAB
- B1AFA2
- A4A399
- 989791
- 8C8C88
Armonías de color
Complementario +180°
- FFFBD7
Country Summer
- F8F9FF
≈ Ghost White
Análogo -30° +30°
- FFFBD7
Country Summer
- FFF8F0
≈ Satin Purse
- F0FFE5
≈ Crème de Menthe
Triádico +120° +240°
- FFFBD7
Country Summer
- F1FBFF
≈ Alice Blue
- FFF6FB
≈ Cold Snow
Complementario dividido +150° +210°
- FFFBD7
Country Summer
- F5FAFF
≈ Heart of Ice
- FCF7FF
≈ Cold Snow
Tetrádico +90° +180° +270°
- FFFBD7
Country Summer
- E7FFFD
≈ Bubbles
- F8F9FF
≈ Ghost White
- FFF7F7
≈ Sea Salt Sherbet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.04:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 20.03:1 · APCA Lc 104
Mejor color de texto: #000000
WCAG 20.03:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--country-summer: #fffbd7;
--country-summer-rgb: 255 251 215;
--country-summer-oklch: oklch(0.982 0.047 102);
}
.element {
color: var(--country-summer);
background-color: hsl(54 100% 92%);
border-color: oklch(0.982 0.047 102);
}Tailwind CSS v4
@theme {
--color-country-summer: #fffbd7;
--color-country-summer-50: #f7f6e7;
--color-country-summer-100: #eae9d7;
--color-country-summer-200: #d7d6bf;
--color-country-summer-300: #bbb99e;
--color-country-summer-400: #a4a080;
--color-country-summer-500: #8c8864;
--color-country-summer-600: #767355;
--color-country-summer-700: #5f5c43;
--color-country-summer-800: #464330;
--color-country-summer-900: #302e21;
--color-country-summer-950: #1d1b10;
}SCSS
$country-summer: #fffbd7;
$country-summer-rgb: 255, 251, 215;
$country-summer-light: mix(#fff, $country-summer, 20%);
$country-summer-dark: mix(#000, $country-summer, 20%);
.element {
color: $country-summer;
box-shadow: 0 0 0 2px rgba($country-summer, 0.35);
}