Colore con nome · #E0B392
Soft Apricot
Soft Apricot è #E0B392: rgb(224 179 146), hsl(25 56% 73%), oklch(0.799 0.069 57.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Soft Apricot color name →
#E0B392
oklch(0.799 0.069 57.8)
Conversioni di colore
- HEX
- #e0b392
- RGB
- rgb(224 179 146)
- HSL
- hsl(25 56% 73%)
- HWB
- hwb(25 57% 12%)
- OKLCH
- oklch(0.799 0.069 57.8)
- OKLab
- oklab(0.799 0.037 0.058)
- CIE Lab
- lab(76.46 13.53 23.42)
- LCH
- lch(76.46 27.05 60)
- CMYK
- cmyk(0% 20% 35% 12%)
Tinte · Ombre · Toni
Tinte
- E3BB9D
- E7C2A8
- EACAB2
- EDD1BD
- F0D9C8
- F3E0D3
- F6E8DE
- F9F0E9
- FCF7F4
Ombre
- C39B7E
- A6846B
- 8A6E58
- 705846
- 564335
- 3E2F25
- 271D16
- 120C08
- 020101
Toni
- D6AE90
- CCA98F
- C3A48D
- B99F8B
- AF998A
- A69488
- 9C8F86
- 938A84
- 898582
Armonie di colore
Complementare +180°
- E0B392
Soft Apricot
- 94C5E5
≈ Pale Cerulean
Analogo -30° +30°
- E0B392
Soft Apricot
- E7ADA5
≈ Rose Silk
- D0BB8A
≈ Western Wear
Triadico +120° +240°
- E0B392
Soft Apricot
- 8CCCBD
≈ Deco-Rate
- C2B4E5
≈ Purple Sand
Complementare divisa +150° +210°
- E0B392
Soft Apricot
- 88CAD4
≈ Not a Cloud in Sight
- AABDEB
≈ Perano
Tetradico +90° +180° +270°
- E0B392
Soft Apricot
- A0CAA5
≈ Potted Plant
- 94C5E5
≈ Pale Cerulean
- D6AED4
≈ Violet Vamp
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.03:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-apricot: #e0b392;
--soft-apricot-rgb: 224 179 146;
--soft-apricot-oklch: oklch(0.799 0.069 57.8);
}
.element {
color: var(--soft-apricot);
background-color: hsl(25 56% 73%);
border-color: oklch(0.799 0.069 57.8);
}Tailwind CSS v4
@theme {
--color-soft-apricot: #e0b392;
--color-soft-apricot-50: #fff1e2;
--color-soft-apricot-100: #fae3d2;
--color-soft-apricot-200: #ebceb7;
--color-soft-apricot-300: #d3b095;
--color-soft-apricot-400: #be9576;
--color-soft-apricot-500: #a97b58;
--color-soft-apricot-600: #8f684b;
--color-soft-apricot-700: #73533c;
--color-soft-apricot-800: #553c2b;
--color-soft-apricot-900: #3b291d;
--color-soft-apricot-950: #25170d;
}SCSS
$soft-apricot: #e0b392;
$soft-apricot-rgb: 224, 179, 146;
$soft-apricot-light: mix(#fff, $soft-apricot, 20%);
$soft-apricot-dark: mix(#000, $soft-apricot, 20%);
.element {
color: $soft-apricot;
box-shadow: 0 0 0 2px rgba($soft-apricot, 0.35);
}