Colore con nome · #F7D163
Soaked in Sun
Soaked in Sun è #F7D163: rgb(247 209 99), hsl(45 90% 68%), oklch(0.872 0.135 90.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Soaked in Sun color name →
#F7D163
oklch(0.872 0.135 90.3)
Conversioni di colore
- HEX
- #f7d163
- RGB
- rgb(247 209 99)
- HSL
- hsl(45 90% 68%)
- HWB
- hwb(45 39% 3%)
- OKLCH
- oklch(0.872 0.135 90.3)
- OKLab
- oklab(0.872 -0.001 0.135)
- CIE Lab
- lab(85.58 4.77 58.44)
- LCH
- lch(85.58 58.63 85.3)
- CMYK
- cmyk(0% 15% 60% 3%)
Tinte · Ombre · Toni
Tinte
- F8D676
- F9DB88
- FAE098
- FAE4A8
- FBE9B7
- FCEDC6
- FDF2D4
- FDF6E3
- FEFBF1
Ombre
- D7B555
- B79B47
- 99813A
- 7C682E
- 605021
- 453916
- 2C230B
- 151003
- 030200
Toni
- EBC969
- DEC16E
- D2B972
- C6B076
- BAA878
- AEA07B
- A2987D
- 97907E
- 8B887F
Armonie di colore
Complementare +180°
- F7D163
Soaked in Sun
- C5D4FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F7D163
Soaked in Sun
- FFC89C
≈ Gumdrops
- C9E279
≈ Idocrase Green
Triadico +120° +240°
- F7D163
Soaked in Sun
- 6CEAFF
≈ Robin’s Egg
- FFBBF7
≈ Distilled Rose
Complementare divisa +150° +210°
- F7D163
Soaked in Sun
- ACDCFF
≈ Droplet
- DCCBFF
≈ Foggy Heath
Tetradico +90° +180° +270°
- F7D163
Soaked in Sun
- 56F2D9
≈ Tiffany Blue
- C5D4FF
≈ Pale Phthalo Blue
- FFC1D3
≈ Garden Glory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.25:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--soaked-in-sun: #f7d163;
--soaked-in-sun-rgb: 247 209 99;
--soaked-in-sun-oklch: oklch(0.872 0.135 90.3);
}
.element {
color: var(--soaked-in-sun);
background-color: hsl(45 90% 68%);
border-color: oklch(0.872 0.135 90.3);
}Tailwind CSS v4
@theme {
--color-soaked-in-sun: #f7d163;
--color-soaked-in-sun-50: #fff5ca;
--color-soaked-in-sun-100: #f8e7b5;
--color-soaked-in-sun-200: #e9d391;
--color-soaked-in-sun-300: #d0b662;
--color-soaked-in-sun-400: #bd9a2d;
--color-soaked-in-sun-500: #a88000;
--color-soaked-in-sun-600: #8e6d00;
--color-soaked-in-sun-700: #725700;
--color-soaked-in-sun-800: #563f00;
--color-soaked-in-sun-900: #3c2b00;
--color-soaked-in-sun-950: #251800;
}SCSS
$soaked-in-sun: #f7d163;
$soaked-in-sun-rgb: 247, 209, 99;
$soaked-in-sun-light: mix(#fff, $soaked-in-sun, 20%);
$soaked-in-sun-dark: mix(#000, $soaked-in-sun, 20%);
.element {
color: $soaked-in-sun;
box-shadow: 0 0 0 2px rgba($soaked-in-sun, 0.35);
}