Nazwany kolor · #FFC946
Sunny Festival
Sunny Festival to #FFC946: rgb(255 201 70), hsl(42 100% 64%), oklch(0.862 0.154 85.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sunny Festival color name →
#FFC946
oklch(0.862 0.154 85.5)
Konwersje koloru
- HEX
- #ffc946
- RGB
- rgb(255 201 70)
- HSL
- hsl(42 100% 64%)
- HWB
- hwb(42 27% 0%)
- OKLCH
- oklch(0.862 0.154 85.5)
- OKLab
- oklab(0.862 0.012 0.153)
- CIE Lab
- lab(84.22 10.82 69.29)
- LCH
- lch(84.22 70.13 81.1)
- CMYK
- cmyk(0% 21% 73% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFCF60
- FFD576
- FFDA8A
- FFE09C
- FFE5AD
- FFEBBE
- FFF0CF
- FFF5DF
- FFFAEF
Odcienie ciemniejsze
- DEAE3C
- BE9532
- 9E7C28
- 80641E
- 634C15
- 48360D
- 2E2205
- 160F02
- 030200
Tony
- F2C252
- E5BB5C
- D8B363
- CBAC6A
- BEA56F
- B19E74
- A59678
- 988F7B
- 8C877E
Harmonie kolorów
Komplementarna +180°
- FFC946
Sunny Festival
- BDD2FF
≈ Ice Cold Stare
Analogowa -30° +30°
- FFC946
Sunny Festival
- FFC39A
≈ Orange Sherbet
- CEDD5C
≈ Chinese Green
Triada +120° +240°
- FFC946
Sunny Festival
- 1EECFF
≈ Whimsical Blue
- FCB4FF
≈ Strawberry Buttercream
Komplementarna rozszczepiona +150° +210°
- FFC946
Sunny Festival
- 9EDBFF
≈ Shiva Blue
- D5C8FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- FFC946
Sunny Festival
- 31F2CD
≈ Fake Jade
- BDD2FF
≈ Ice Cold Stare
- FFBBD4
≈ Cotton Candy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.69:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.69:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--sunny-festival: #ffc946;
--sunny-festival-rgb: 255 201 70;
--sunny-festival-oklch: oklch(0.862 0.154 85.5);
}
.element {
color: var(--sunny-festival);
background-color: hsl(42 100% 64%);
border-color: oklch(0.862 0.154 85.5);
}Tailwind CSS v4
@theme {
--color-sunny-festival: #ffc946;
--color-sunny-festival-50: #fff3c3;
--color-sunny-festival-100: #fee6ad;
--color-sunny-festival-200: #f0d186;
--color-sunny-festival-300: #d9b252;
--color-sunny-festival-400: #c79600;
--color-sunny-festival-500: #b37b00;
--color-sunny-festival-600: #986800;
--color-sunny-festival-700: #7a5300;
--color-sunny-festival-800: #5b3c00;
--color-sunny-festival-900: #402900;
--color-sunny-festival-950: #291600;
}SCSS
$sunny-festival: #ffc946;
$sunny-festival-rgb: 255, 201, 70;
$sunny-festival-light: mix(#fff, $sunny-festival, 20%);
$sunny-festival-dark: mix(#000, $sunny-festival, 20%);
.element {
color: $sunny-festival;
box-shadow: 0 0 0 2px rgba($sunny-festival, 0.35);
}