Colore con nome · #F7E8C7
Summer Sunshine
Summer Sunshine è #F7E8C7: rgb(247 232 199), hsl(41 75% 87%), oklch(0.935 0.046 86.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Summer Sunshine color name →
#F7E8C7
oklch(0.935 0.046 86.5)
Conversioni di colore
- HEX
- #f7e8c7
- RGB
- rgb(247 232 199)
- HSL
- hsl(41 75% 87%)
- HWB
- hwb(41 78% 3%)
- OKLCH
- oklch(0.935 0.046 86.5)
- OKLab
- oklab(0.935 0.003 0.046)
- CIE Lab
- lab(92.58 1.44 18.06)
- LCH
- lch(92.58 18.11 85.4)
- CMYK
- cmyk(0% 6% 19% 3%)
Tinte · Ombre · Toni
Tinte
- F8EACD
- F9EDD2
- F9EFD8
- FAF1DE
- FBF4E3
- FCF6E9
- FDF8EE
- FDFAF4
- FEFDF9
Ombre
- D7CAAD
- B7AC93
- 99907A
- 7C7462
- 60594C
- 454036
- 2C2921
- 15130E
- 030302
Toni
- EADDC0
- DED2B9
- D2C8B1
- C6BDAA
- BAB3A3
- AEA89C
- A29E95
- 97948E
- 8B8A87
Armonie di colore
Complementare +180°
- F7E8C7
Summer Sunshine
- E0E9FF
≈ Glitter
Analogo -30° +30°
- F7E8C7
Summer Sunshine
- FFE3D1
≈ Powdered Peach
- E7EECB
≈ Lime Coco Cake
Triadico +120° +240°
- F7E8C7
Summer Sunshine
- C6F3F9
≈ Vaporised
- FBDFFA
≈ Silky Pink
Complementare divisa +150° +210°
- F7E8C7
Summer Sunshine
- D3EEFF
≈ Ice Castle
- EBE5FF
≈ Cyber Lavender
Tetradico +90° +180° +270°
- F7E8C7
Summer Sunshine
- CAF4E8
≈ Shallow End
- E0E9FF
≈ Glitter
- FFE0EA
≈ Baby Girl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.32:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--summer-sunshine: #f7e8c7;
--summer-sunshine-rgb: 247 232 199;
--summer-sunshine-oklch: oklch(0.935 0.046 86.5);
}
.element {
color: var(--summer-sunshine);
background-color: hsl(41 75% 87%);
border-color: oklch(0.935 0.046 86.5);
}Tailwind CSS v4
@theme {
--color-summer-sunshine: #f7e8c7;
--color-summer-sunshine-50: #faf5e7;
--color-summer-sunshine-100: #eee7d7;
--color-summer-sunshine-200: #dcd4be;
--color-summer-sunshine-300: #c1b79d;
--color-summer-sunshine-400: #aa9d80;
--color-summer-sunshine-500: #948563;
--color-summer-sunshine-600: #7d7054;
--color-summer-sunshine-700: #645a43;
--color-summer-sunshine-800: #4a4130;
--color-summer-sunshine-900: #332d21;
--color-summer-sunshine-950: #1f1a10;
}SCSS
$summer-sunshine: #f7e8c7;
$summer-sunshine-rgb: 247, 232, 199;
$summer-sunshine-light: mix(#fff, $summer-sunshine, 20%);
$summer-sunshine-dark: mix(#000, $summer-sunshine, 20%);
.element {
color: $summer-sunshine;
box-shadow: 0 0 0 2px rgba($summer-sunshine, 0.35);
}