Benannte Farbe · #FFB865
Warm Apricot
Warm Apricot ist #FFB865: rgb(255 184 101), hsl(32 100% 70%), oklch(0.833 0.129 68.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Warm Apricot color name →
#FFB865
oklch(0.833 0.129 68.7)
Farbumrechnungen
- HEX
- #ffb865
- RGB
- rgb(255 184 101)
- HSL
- hsl(32 100% 70%)
- HWB
- hwb(32 40% 0%)
- OKLCH
- oklch(0.833 0.129 68.7)
- OKLab
- oklab(0.833 0.047 0.12)
- CIE Lab
- lab(80.4 20.45 52.07)
- LCH
- lch(80.4 55.94 68.6)
- CMYK
- cmyk(0% 28% 60% 0%)
Tints · Shades · Tones
Tints
- FFBF77
- FFC787
- FFCE97
- FFD5A7
- FFDCB6
- FFE3C5
- FFEAD3
- FFF1E2
- FFF8F0
Shades
- DEA057
- BE8849
- 9E713C
- 805B2F
- 634522
- 483117
- 2E1E0C
- 160C03
- 030200
Tones
- F2B36A
- E5AD6E
- D8A872
- CBA275
- BF9D78
- B2977A
- A5917C
- 998C7E
- 8C867F
Farbharmonien
Komplementär +180°
- FFB865
Warm Apricot
- 9CCEFF
≈ Apocyan
Analog -30° +30°
- FFB865
Warm Apricot
- FFB39B
≈ Persicus
- DEC95E
≈ Duck Butter
Triadisch +120° +240°
- FFB865
Warm Apricot
- 44E3D9
≈ Fresh Turquoise
- DDB5FF
≈ Light Violet
Geteilt komplementär +150° +210°
- FFB865
Warm Apricot
- 54DBFF
≈ Ionized-Air Glow
- BCC3FF
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- FFB865
Warm Apricot
- 77E2A9
≈ Jovial Jade
- 9CCEFF
≈ Apocyan
- FFA7E4
≈ Pink Wink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.70:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.29:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--warm-apricot: #ffb865;
--warm-apricot-rgb: 255 184 101;
--warm-apricot-oklch: oklch(0.833 0.129 68.7);
}
.element {
color: var(--warm-apricot);
background-color: hsl(32 100% 70%);
border-color: oklch(0.833 0.129 68.7);
}Tailwind CSS v4
@theme {
--color-warm-apricot: #ffb865;
--color-warm-apricot-50: #fff0ce;
--color-warm-apricot-100: #ffe1b9;
--color-warm-apricot-200: #f8cb97;
--color-warm-apricot-300: #e1ac6b;
--color-warm-apricot-400: #d08f40;
--color-warm-apricot-500: #bc7300;
--color-warm-apricot-600: #9f6200;
--color-warm-apricot-700: #804e00;
--color-warm-apricot-800: #603800;
--color-warm-apricot-900: #432602;
--color-warm-apricot-950: #2b1400;
}SCSS
$warm-apricot: #ffb865;
$warm-apricot-rgb: 255, 184, 101;
$warm-apricot-light: mix(#fff, $warm-apricot, 20%);
$warm-apricot-dark: mix(#000, $warm-apricot, 20%);
.element {
color: $warm-apricot;
box-shadow: 0 0 0 2px rgba($warm-apricot, 0.35);
}