Nazwany kolor · #F3EBA5
Shaded Sun
Shaded Sun to #F3EBA5: rgb(243 235 165), hsl(54 76% 80%), oklch(0.93 0.089 102.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Shaded Sun color name →
#F3EBA5
oklch(0.93 0.089 102.4)
Konwersje koloru
- HEX
- #f3eba5
- RGB
- rgb(243 235 165)
- HSL
- hsl(54 76% 80%)
- HWB
- hwb(54 65% 5%)
- OKLCH
- oklch(0.93 0.089 102.4)
- OKLab
- oklab(0.93 -0.019 0.087)
- CIE Lab
- lab(92.48 -4.78 35.08)
- LCH
- lch(92.48 35.41 97.8)
- CMYK
- cmyk(0% 3% 32% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4EDAF
- F5EFB8
- F6F1C1
- F8F3CA
- F9F5D3
- FAF7DC
- FBF9E5
- FCFBEE
- FEFDF6
Odcienie ciemniejsze
- D3CC8F
- B4AE79
- 979165
- 7A7551
- 5E5B3D
- 44412B
- 2B291A
- 14130A
- 030301
Tony
- E7E0A2
- DBD59E
- CFCA9B
- C3BF98
- B8B494
- ACAA90
- A19F8C
- 969588
- 8B8A84
Harmonie kolorów
Komplementarna +180°
- F3EBA5
Shaded Sun
- E4E6FF
≈ Lavender Mist
Analogowa -30° +30°
- F3EBA5
Shaded Sun
- FFE3C1
≈ Bisque
- D2F5B8
≈ Chicon
Triada +120° +240°
- F3EBA5
Shaded Sun
- C7F0FF
≈ Heaven’s Gate
- FFDCF0
≈ Transparent Pink
Komplementarna rozszczepiona +150° +210°
- F3EBA5
Shaded Sun
- D8EAFF
≈ Veiling Waterfalls
- F3E0FF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F3EBA5
Shaded Sun
- 9EFBF8
≈ Eternal Winter
- E4E6FF
≈ Lavender Mist
- FFDFE1
≈ Sweet Mallow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.23:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--shaded-sun: #f3eba5;
--shaded-sun-rgb: 243 235 165;
--shaded-sun-oklch: oklch(0.93 0.089 102.4);
}
.element {
color: var(--shaded-sun);
background-color: hsl(54 76% 80%);
border-color: oklch(0.93 0.089 102.4);
}Tailwind CSS v4
@theme {
--color-shaded-sun: #f3eba5;
--color-shaded-sun-50: #f9f7da;
--color-shaded-sun-100: #eceac8;
--color-shaded-sun-200: #dad7ab;
--color-shaded-sun-300: #beba85;
--color-shaded-sun-400: #a8a161;
--color-shaded-sun-500: #92883c;
--color-shaded-sun-600: #7b7334;
--color-shaded-sun-700: #635c29;
--color-shaded-sun-800: #49431c;
--color-shaded-sun-900: #332e12;
--color-shaded-sun-950: #1f1b05;
}SCSS
$shaded-sun: #f3eba5;
$shaded-sun-rgb: 243, 235, 165;
$shaded-sun-light: mix(#fff, $shaded-sun, 20%);
$shaded-sun-dark: mix(#000, $shaded-sun, 20%);
.element {
color: $shaded-sun;
box-shadow: 0 0 0 2px rgba($shaded-sun, 0.35);
}