Color con nombre · #FFF5BE
Gentle Yellow
Gentle Yellow es #FFF5BE: rgb(255 245 190), hsl(51 100% 87%), oklch(0.965 0.071 98.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Gentle Yellow color name →
#FFF5BE
oklch(0.965 0.071 98.9)
Conversiones de color
- HEX
- #fff5be
- RGB
- rgb(255 245 190)
- HSL
- hsl(51 100% 87%)
- HWB
- hwb(51 75% 0%)
- OKLCH
- oklch(0.965 0.071 98.9)
- OKLab
- oklab(0.965 -0.011 0.07)
- CIE Lab
- lab(96.34 -2.68 27.87)
- LCH
- lch(96.34 28 95.5)
- CMYK
- cmyk(0% 4% 25% 0%)
Tintes · Sombras · Tonos
Tintes
- FFF6C5
- FFF7CC
- FFF8D2
- FFF9D9
- FFFADF
- FFFBE6
- FFFCEC
- FFFDF2
- FFFEF9
Sombras
- DED5A5
- BEB68C
- 9E9875
- 807B5E
- 635F48
- 484433
- 2E2B1F
- 16150D
- 030302
Tonos
- F2E9B8
- E4DDB2
- D7D1AC
- CAC5A5
- BDB99F
- B1AD99
- A4A293
- 98968D
- 8C8B86
Armonías de color
Complementario +180°
- FFF5BE
Gentle Yellow
- F1F2FF
≈ Cloud Break
Análogo -30° +30°
- FFF5BE
Gentle Yellow
- FFF1E2
≈ Sugar Glaze
- E5FECB
≈ Herbal Vapours
Triádico +120° +240°
- FFF5BE
Gentle Yellow
- E2F8FF
≈ Glacial Day
- FFEEF9
≈ Partial Pink
Complementario dividido +150° +210°
- FFF5BE
Gentle Yellow
- EBF5FF
≈ Placebo Blue
- F8F0FF
≈ Cloud Break
Tetrádico +90° +180° +270°
- FFF5BE
Gentle Yellow
- CEFFFA
≈ Luminescent Sky
- F1F2FF
≈ Cloud Break
- FFEFF1
≈ Powder Puff
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.05:1 · APCA Lc 101
Mejor color de texto: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--gentle-yellow: #fff5be;
--gentle-yellow-rgb: 255 245 190;
--gentle-yellow-oklch: oklch(0.965 0.071 98.9);
}
.element {
color: var(--gentle-yellow);
background-color: hsl(51 100% 87%);
border-color: oklch(0.965 0.071 98.9);
}Tailwind CSS v4
@theme {
--color-gentle-yellow: #fff5be;
--color-gentle-yellow-50: #f9f6df;
--color-gentle-yellow-100: #ede9ce;
--color-gentle-yellow-200: #dad6b3;
--color-gentle-yellow-300: #bfb98f;
--color-gentle-yellow-400: #a9a06e;
--color-gentle-yellow-500: #92874e;
--color-gentle-yellow-600: #7b7243;
--color-gentle-yellow-700: #635b35;
--color-gentle-yellow-800: #494325;
--color-gentle-yellow-900: #332e19;
--color-gentle-yellow-950: #1f1b09;
}SCSS
$gentle-yellow: #fff5be;
$gentle-yellow-rgb: 255, 245, 190;
$gentle-yellow-light: mix(#fff, $gentle-yellow, 20%);
$gentle-yellow-dark: mix(#000, $gentle-yellow, 20%);
.element {
color: $gentle-yellow;
box-shadow: 0 0 0 2px rgba($gentle-yellow, 0.35);
}