Nächste benannte Farbe · #F1C788
#F1C788
Nächste benannte Farbe: Honeyed Glow
#F1C788 (rgb(241 199 136), hsl(36 79% 74%), oklch(0.852 0.093 77.1)) liegt am nächsten an der benannten Farbe Honeyed Glow. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F1C788
oklch(0.852 0.093 77.1)
Farbumrechnungen
- HEX
- #f1c788
- RGB
- rgb(241 199 136)
- HSL
- hsl(36 79% 74%)
- HWB
- hwb(36 53% 5%)
- OKLCH
- oklch(0.852 0.093 77.1)
- OKLab
- oklab(0.852 0.021 0.091)
- CIE Lab
- lab(82.92 9.49 37.39)
- LCH
- lch(82.92 38.58 75.8)
- CMYK
- cmyk(0% 17% 44% 5%)
Tints · Shades · Tones
Tints
- F3CD95
- F4D2A1
- F6D8AD
- F7DEB9
- F9E3C5
- FAE9D0
- FBEEDC
- FDF4E8
- FEF9F3
Shades
- D2AD75
- B39363
- 957A52
- 796241
- 5D4C31
- 433622
- 2B2113
- 140E06
- 030201
Tones
- E5C088
- DAB988
- CEB187
- C3AA87
- B7A386
- AC9C85
- A19584
- 968E83
- 8B8782
Farbharmonien
Komplementär +180°
- F1C788
Honeyed Glow
- B0D1FF
≈ Ice Cold Stare
Analog -30° +30°
- F1C788
Honeyed Glow
- FFBD9D
≈ Cream Puff
- D5D38B
≈ Guacamole Ambrosia
Triadisch +120° +240°
- F1C788
Honeyed Glow
- 7FE2E3
≈ Cold Blue
- E8BCF7
≈ Lovecloud
Geteilt komplementär +150° +210°
- F1C788
Honeyed Glow
- 8ADBFE
≈ Tranquil Pool
- CAC7FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- F1C788
Honeyed Glow
- 90E2C2
≈ Bubble Algae
- B0D1FF
≈ Ice Cold Stare
- FDB6DA
≈ Lavender Candy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.26:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.26:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--honeyed-glow: #f1c788;
--honeyed-glow-rgb: 241 199 136;
--honeyed-glow-oklch: oklch(0.852 0.093 77.1);
}
.element {
color: var(--honeyed-glow);
background-color: hsl(36 79% 74%);
border-color: oklch(0.852 0.093 77.1);
}Tailwind CSS v4
@theme {
--color-honeyed-glow: #f1c788;
--color-honeyed-glow-50: #fff3d8;
--color-honeyed-glow-100: #f9e5c6;
--color-honeyed-glow-200: #ead0a8;
--color-honeyed-glow-300: #d1b281;
--color-honeyed-glow-400: #bd975d;
--color-honeyed-glow-500: #a97d37;
--color-honeyed-glow-600: #8e6a30;
--color-honeyed-glow-700: #725526;
--color-honeyed-glow-800: #553d1a;
--color-honeyed-glow-900: #3b2a11;
--color-honeyed-glow-950: #251804;
}SCSS
$honeyed-glow: #f1c788;
$honeyed-glow-rgb: 241, 199, 136;
$honeyed-glow-light: mix(#fff, $honeyed-glow, 20%);
$honeyed-glow-dark: mix(#000, $honeyed-glow, 20%);
.element {
color: $honeyed-glow;
box-shadow: 0 0 0 2px rgba($honeyed-glow, 0.35);
}