Color con nombre · #F1CA95
Warm Sunshine
Warm Sunshine es #F1CA95: rgb(241 202 149), hsl(35 77% 76%), oklch(0.86 0.082 74.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Warm Sunshine color name →
#F1CA95
oklch(0.86 0.082 74.9)
Conversiones de color
- HEX
- #f1ca95
- RGB
- rgb(241 202 149)
- HSL
- hsl(35 77% 76%)
- HWB
- hwb(35 58% 5%)
- OKLCH
- oklch(0.86 0.082 74.9)
- OKLab
- oklab(0.86 0.021 0.079)
- CIE Lab
- lab(83.83 9.02 31.92)
- LCH
- lch(83.83 33.17 74.2)
- CMYK
- cmyk(0% 16% 38% 5%)
Tintes · Sombras · Tonos
Tintes
- F3CFA0
- F4D5AB
- F6DAB5
- F7DFC0
- F8E5CB
- FAEAD5
- FBEFE0
- FDF5EA
- FEFAF5
Sombras
- D2AF81
- B3956D
- 957C5A
- 796448
- 5D4D37
- 433726
- 2B2216
- 140F08
- 030201
Tonos
- E5C293
- DABB92
- CEB390
- C3AC8E
- B7A58C
- AC9D8A
- A19687
- 968F85
- 8B8783
Armonías de color
Complementario +180°
- F1CA95
Warm Sunshine
- B3D4FF
≈ Ice Cold Stare
Análogo -30° +30°
- F1CA95
Warm Sunshine
- FFC1A6
≈ Sweet Apricot
- D9D596
≈ Crocodile Tears
Triádico +120° +240°
- F1CA95
Warm Sunshine
- 8FE2E1
≈ Aqua Fiesta
- E5C2F6
≈ Jane Purple
Complementario dividido +150° +210°
- F1CA95
Warm Sunshine
- 95DDF9
≈ Gas Giant
- CBCBFF
≈ Lavender Blue
Tetrádico +90° +180° +270°
- F1CA95
Warm Sunshine
- 9EE3C4
≈ Bright Sea Green
- B3D4FF
≈ Ice Cold Stare
- F9BCDD
≈ Cotton Candy Aesthetic
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASobre negro
WCAG 13.62:1 · APCA Lc 78
Mejor color de texto: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--warm-sunshine: #f1ca95;
--warm-sunshine-rgb: 241 202 149;
--warm-sunshine-oklch: oklch(0.86 0.082 74.9);
}
.element {
color: var(--warm-sunshine);
background-color: hsl(35 77% 76%);
border-color: oklch(0.86 0.082 74.9);
}Tailwind CSS v4
@theme {
--color-warm-sunshine: #f1ca95;
--color-warm-sunshine-50: #fff3dc;
--color-warm-sunshine-100: #f8e5ca;
--color-warm-sunshine-200: #e8d0ae;
--color-warm-sunshine-300: #cfb389;
--color-warm-sunshine-400: #bb9867;
--color-warm-sunshine-500: #a67e45;
--color-warm-sunshine-600: #8c6b3b;
--color-warm-sunshine-700: #70552f;
--color-warm-sunshine-800: #543e21;
--color-warm-sunshine-900: #3a2a16;
--color-warm-sunshine-950: #241807;
}SCSS
$warm-sunshine: #f1ca95;
$warm-sunshine-rgb: 241, 202, 149;
$warm-sunshine-light: mix(#fff, $warm-sunshine, 20%);
$warm-sunshine-dark: mix(#000, $warm-sunshine, 20%);
.element {
color: $warm-sunshine;
box-shadow: 0 0 0 2px rgba($warm-sunshine, 0.35);
}