Colore con nome · #FFB865
Warm Apricot
Warm Apricot è #FFB865: rgb(255 184 101), hsl(32 100% 70%), oklch(0.833 0.129 68.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Warm Apricot color name →
#FFB865
oklch(0.833 0.129 68.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FFBF77
- FFC787
- FFCE97
- FFD5A7
- FFDCB6
- FFE3C5
- FFEAD3
- FFF1E2
- FFF8F0
Ombre
- DEA057
- BE8849
- 9E713C
- 805B2F
- 634522
- 483117
- 2E1E0C
- 160C03
- 030200
Toni
- F2B36A
- E5AD6E
- D8A872
- CBA275
- BF9D78
- B2977A
- A5917C
- 998C7E
- 8C867F
Armonie di colore
Complementare +180°
- FFB865
Warm Apricot
- 9CCEFF
≈ Apocyan
Analogo -30° +30°
- FFB865
Warm Apricot
- FFB39B
≈ Persicus
- DEC95E
≈ Duck Butter
Triadico +120° +240°
- FFB865
Warm Apricot
- 44E3D9
≈ Fresh Turquoise
- DDB5FF
≈ Light Violet
Complementare divisa +150° +210°
- FFB865
Warm Apricot
- 54DBFF
≈ Ionized-Air Glow
- BCC3FF
≈ Light Periwinkle
Tetradico +90° +180° +270°
- FFB865
Warm Apricot
- 77E2A9
≈ Jovial Jade
- 9CCEFF
≈ Apocyan
- FFA7E4
≈ Pink Wink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.29:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}