Benannte Farbe · #F6C362
Sunset Gold
Sunset Gold ist #F6C362: rgb(246 195 98), hsl(39 89% 67%), oklch(0.844 0.128 81.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunset Gold color name →
#F6C362
oklch(0.844 0.128 81.6)
Farbumrechnungen
- HEX
- #f6c362
- RGB
- rgb(246 195 98)
- HSL
- hsl(39 89% 67%)
- HWB
- hwb(39 38% 4%)
- OKLCH
- oklch(0.844 0.128 81.6)
- OKLab
- oklab(0.844 0.019 0.127)
- CIE Lab
- lab(82.04 11.17 54.97)
- LCH
- lch(82.04 56.1 78.5)
- CMYK
- cmyk(0% 21% 60% 4%)
Tints · Shades · Tones
Tints
- F7C975
- F8D086
- F9D696
- FADCA6
- FBE2B5
- FCE8C4
- FDEED3
- FEF3E2
- FEF9F0
Shades
- D6A954
- B79047
- 98783A
- 7B602D
- 5F4A21
- 453416
- 2C200B
- 150E03
- 030200
Tones
- EABC68
- DEB66C
- D2AF71
- C6A874
- BAA277
- AE9B7A
- A2947C
- 978E7E
- 8B877F
Farbharmonien
Komplementär +180°
- F6C362
Sunset Gold
- B0CDFF
≈ Night Snow
Analog -30° +30°
- F6C362
Sunset Gold
- FFBA92
≈ Fuzzy Peach
- CED46C
≈ Soft Fern
Triadisch +120° +240°
- F6C362
Sunset Gold
- 45E4EF
≈ Blue Dacnis
- F3AFFE
≈ Strawberry Buttercream
Geteilt komplementär +150° +210°
- F6C362
Sunset Gold
- 89D7FF
≈ Kul Sharif Blue
- CCC3FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- F6C362
Sunset Gold
- 63E7C1
≈ Aphrodite Aqua
- B0CDFF
≈ Night Snow
- FFB1D3
≈ Pink Cattleya
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.90:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--sunset-gold: #f6c362;
--sunset-gold-rgb: 246 195 98;
--sunset-gold-oklch: oklch(0.844 0.128 81.6);
}
.element {
color: var(--sunset-gold);
background-color: hsl(39 89% 67%);
border-color: oklch(0.844 0.128 81.6);
}Tailwind CSS v4
@theme {
--color-sunset-gold: #f6c362;
--color-sunset-gold-50: #fff3cc;
--color-sunset-gold-100: #fde5b8;
--color-sunset-gold-200: #efd095;
--color-sunset-gold-300: #d7b267;
--color-sunset-gold-400: #c49638;
--color-sunset-gold-500: #b07b00;
--color-sunset-gold-600: #956800;
--color-sunset-gold-700: #775300;
--color-sunset-gold-800: #593c00;
--color-sunset-gold-900: #3f2900;
--color-sunset-gold-950: #281700;
}SCSS
$sunset-gold: #f6c362;
$sunset-gold-rgb: 246, 195, 98;
$sunset-gold-light: mix(#fff, $sunset-gold, 20%);
$sunset-gold-dark: mix(#000, $sunset-gold, 20%);
.element {
color: $sunset-gold;
box-shadow: 0 0 0 2px rgba($sunset-gold, 0.35);
}