Nazwany kolor · #E8A760
Apricot Sorbet
Apricot Sorbet to #E8A760: rgb(232 167 96), hsl(31 75% 64%), oklch(0.776 0.117 67). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Apricot Sorbet color name →
#E8A760
oklch(0.776 0.117 67)
Konwersje koloru
- HEX
- #e8a760
- RGB
- rgb(232 167 96)
- HSL
- hsl(31 75% 64%)
- HWB
- hwb(31 38% 9%)
- OKLCH
- oklch(0.776 0.117 67)
- OKLab
- oklab(0.776 0.046 0.107)
- CIE Lab
- lab(73.78 19.32 46.15)
- LCH
- lch(73.78 50.03 67.3)
- CMYK
- cmyk(0% 28% 59% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBB071
- EEB982
- F0C292
- F3CBA2
- F5D3B2
- F7DCC1
- F9E5D1
- FBEEE0
- FDF6F0
Odcienie ciemniejsze
- CA9152
- AC7B45
- 906638
- 74522C
- 593E20
- 402C15
- 291A0A
- 130A03
- 030100
Tony
- DDA365
- D3A069
- C99C6D
- BE9871
- B49474
- A99077
- 9F8C7A
- 95887C
- 8A847E
Harmonie kolorów
Komplementarna +180°
- E8A760
Apricot Sorbet
- 76BDFD
≈ Green Darner Tail
Analogowa -30° +30°
- E8A760
Apricot Sorbet
- F69B80
≈ Parma Ham
- CBB659
≈ Warm Woollen
Triada +120° +240°
- E8A760
Apricot Sorbet
- 46CEC3
≈ Bianchi Green
- CAA2F0
≈ Lavender Cream
Komplementarna rozszczepiona +150° +210°
- E8A760
Apricot Sorbet
- 4AC8E7
≈ Naxos Sky
- A4AFFF
≈ Shy Moment
Tetrada +90° +180° +270°
- E8A760
Apricot Sorbet
- 71CD98
≈ Jocose Jade
- 76BDFD
≈ Green Darner Tail
- E699D1
≈ Blossoms in Spring
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.12:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--apricot-sorbet: #e8a760;
--apricot-sorbet-rgb: 232 167 96;
--apricot-sorbet-oklch: oklch(0.776 0.117 67);
}
.element {
color: var(--apricot-sorbet);
background-color: hsl(31 75% 64%);
border-color: oklch(0.776 0.117 67);
}Tailwind CSS v4
@theme {
--color-apricot-sorbet: #e8a760;
--color-apricot-sorbet-50: #fff0d2;
--color-apricot-sorbet-100: #ffe2bf;
--color-apricot-sorbet-200: #f6cc9e;
--color-apricot-sorbet-300: #dfad74;
--color-apricot-sorbet-400: #cc904d;
--color-apricot-sorbet-500: #b9751a;
--color-apricot-sorbet-600: #9c631a;
--color-apricot-sorbet-700: #7d4f15;
--color-apricot-sorbet-800: #5e390e;
--color-apricot-sorbet-900: #422709;
--color-apricot-sorbet-950: #2a1500;
}SCSS
$apricot-sorbet: #e8a760;
$apricot-sorbet-rgb: 232, 167, 96;
$apricot-sorbet-light: mix(#fff, $apricot-sorbet, 20%);
$apricot-sorbet-dark: mix(#000, $apricot-sorbet, 20%);
.element {
color: $apricot-sorbet;
box-shadow: 0 0 0 2px rgba($apricot-sorbet, 0.35);
}