Benannte Farbe · #F1B393
Apricot Spring
Apricot Spring ist #F1B393: rgb(241 179 147), hsl(20 77% 76%), oklch(0.816 0.085 48.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Apricot Spring color name →
#F1B393
oklch(0.816 0.085 48.4)
Farbumrechnungen
- HEX
- #f1b393
- RGB
- rgb(241 179 147)
- HSL
- hsl(20 77% 76%)
- HWB
- hwb(20 58% 5%)
- OKLCH
- oklch(0.816 0.085 48.4)
- OKLab
- oklab(0.816 0.056 0.063)
- CIE Lab
- lab(78.26 20.31 25.66)
- LCH
- lch(78.26 32.73 51.6)
- CMYK
- cmyk(0% 26% 39% 5%)
Tints · Shades · Tones
Tints
- F3BB9E
- F5C2A9
- F6CAB3
- F8D2BE
- F9D9C9
- FBE1D4
- FCE8DE
- FDF0E9
- FEF7F4
Shades
- D29B7F
- B3846C
- 956E59
- 795847
- 5D4336
- 432F25
- 2B1D16
- 140C08
- 030101
Tones
- E5AE91
- DAA990
- CFA48E
- C39F8C
- B89A8A
- AD9588
- A18F86
- 968A84
- 8B8582
Farbharmonien
Komplementär +180°
- F1B393
Apricot Spring
- 87CEEF
≈ Below Zero
Analog -30° +30°
- F1B393
Apricot Spring
- F5ADAE
≈ Brain Pink
- E1BD84
≈ Bag of Gold
Triadisch +120° +240°
- F1B393
Apricot Spring
- 8BD5B9
≈ Cabbage
- C0BBF7
≈ Dried Lilac
Geteilt komplementär +150° +210°
- F1B393
Apricot Spring
- 7DD4D7
≈ Aruba Blue
- A2C5FA
≈ Pastel Blue
Tetradisch +90° +180° +270°
- F1B393
Apricot Spring
- A8D19B
≈ Relaxation Green
- 87CEEF
≈ Below Zero
- DBB2E7
≈ Pretty Petunia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.60:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.60:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--apricot-spring: #f1b393;
--apricot-spring-rgb: 241 179 147;
--apricot-spring-oklch: oklch(0.816 0.085 48.4);
}
.element {
color: var(--apricot-spring);
background-color: hsl(20 77% 76%);
border-color: oklch(0.816 0.085 48.4);
}Tailwind CSS v4
@theme {
--color-apricot-spring: #f1b393;
--color-apricot-spring-50: #ffefe0;
--color-apricot-spring-100: #ffe1cf;
--color-apricot-spring-200: #f3cbb4;
--color-apricot-spring-300: #dcab91;
--color-apricot-spring-400: #c89072;
--color-apricot-spring-500: #b47553;
--color-apricot-spring-600: #986347;
--color-apricot-spring-700: #7a4f38;
--color-apricot-spring-800: #5b3929;
--color-apricot-spring-900: #3f271b;
--color-apricot-spring-950: #28150c;
}SCSS
$apricot-spring: #f1b393;
$apricot-spring-rgb: 241, 179, 147;
$apricot-spring-light: mix(#fff, $apricot-spring, 20%);
$apricot-spring-dark: mix(#000, $apricot-spring, 20%);
.element {
color: $apricot-spring;
box-shadow: 0 0 0 2px rgba($apricot-spring, 0.35);
}