Nazwany kolor · #F6D365
Sunny Morning
Sunny Morning to #F6D365: rgb(246 211 101), hsl(46 89% 68%), oklch(0.876 0.134 91.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sunny Morning color name →
#F6D365
oklch(0.876 0.134 91.8)
Konwersje koloru
- HEX
- #f6d365
- RGB
- rgb(246 211 101)
- HSL
- hsl(46 89% 68%)
- HWB
- hwb(46 40% 4%)
- OKLCH
- oklch(0.876 0.134 91.8)
- OKLab
- oklab(0.876 -0.004 0.134)
- CIE Lab
- lab(86 3.49 57.97)
- LCH
- lch(86 58.08 86.6)
- CMYK
- cmyk(0% 14% 59% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7D878
- F8DC89
- F9E199
- FAE5A9
- FBEAB8
- FBEEC6
- FCF2D5
- FDF7E3
- FEFBF1
Odcienie ciemniejsze
- D6B757
- B79C49
- 98823C
- 7B692F
- 5F5122
- 453A17
- 2C240C
- 151003
- 030200
Tony
- EACB6B
- DDC26F
- D1BA73
- C5B277
- B9A979
- AEA17B
- A2997D
- 96907E
- 8B887F
Harmonie kolorów
Komplementarna +180°
- F6D365
Sunny Morning
- C8D4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F6D365
Sunny Morning
- FFCA9D
≈ Phenomenal Peach
- C8E47C
≈ Idocrase Green
Triada +120° +240°
- F6D365
Sunny Morning
- 78E9FF
≈ Robin’s Egg
- FFBDF5
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- F6D365
Sunny Morning
- B0DCFF
≈ Droplet
- DECBFF
≈ Foggy Heath
Tetrada +90° +180° +270°
- F6D365
Sunny Morning
- 56F3DC
≈ Tiffany Blue
- C8D4FF
≈ Pale Phthalo Blue
- FFC3D2
≈ Garden Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.42:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.42:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--sunny-morning: #f6d365;
--sunny-morning-rgb: 246 211 101;
--sunny-morning-oklch: oklch(0.876 0.134 91.8);
}
.element {
color: var(--sunny-morning);
background-color: hsl(46 89% 68%);
border-color: oklch(0.876 0.134 91.8);
}Tailwind CSS v4
@theme {
--color-sunny-morning: #f6d365;
--color-sunny-morning-50: #fff5ca;
--color-sunny-morning-100: #f7e8b5;
--color-sunny-morning-200: #e7d492;
--color-sunny-morning-300: #ceb663;
--color-sunny-morning-400: #bb9b2e;
--color-sunny-morning-500: #a68100;
--color-sunny-morning-600: #8d6d00;
--color-sunny-morning-700: #715800;
--color-sunny-morning-800: #543f00;
--color-sunny-morning-900: #3b2b00;
--color-sunny-morning-950: #251900;
}SCSS
$sunny-morning: #f6d365;
$sunny-morning-rgb: 246, 211, 101;
$sunny-morning-light: mix(#fff, $sunny-morning, 20%);
$sunny-morning-dark: mix(#000, $sunny-morning, 20%);
.element {
color: $sunny-morning;
box-shadow: 0 0 0 2px rgba($sunny-morning, 0.35);
}