Nazwany kolor · #E0B493
Sonora Apricot
Sonora Apricot to #E0B493: rgb(224 180 147), hsl(26 55% 73%), oklch(0.801 0.068 58.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sonora Apricot color name →
#E0B493
oklch(0.801 0.068 58.5)
Konwersje koloru
- HEX
- #e0b493
- RGB
- rgb(224 180 147)
- HSL
- hsl(26 55% 73%)
- HWB
- hwb(26 58% 12%)
- OKLCH
- oklch(0.801 0.068 58.5)
- OKLab
- oklab(0.801 0.036 0.058)
- CIE Lab
- lab(76.72 13.11 23.24)
- LCH
- lch(76.72 26.69 60.6)
- CMYK
- cmyk(0% 20% 34% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3BB9E
- E7C3A8
- EACAB3
- EDD2BE
- F0D9C9
- F3E1D3
- F6E8DE
- F9F0E9
- FCF7F4
Odcienie ciemniejsze
- C39C7F
- A6856C
- 8A6E59
- 705847
- 564436
- 3E3025
- 271D16
- 120C08
- 020201
Tony
- D6AF91
- CCAA90
- C3A48E
- B99F8C
- AF9A8A
- A69588
- 9C9086
- 938A84
- 898582
Harmonie kolorów
Komplementarna +180°
- E0B493
Sonora Apricot
- 95C5E5
≈ Pale Cerulean
Analogowa -30° +30°
- E0B493
Sonora Apricot
- E7AEA6
≈ Rose Silk
- D0BC8C
≈ Western Wear
Triada +120° +240°
- E0B493
Sonora Apricot
- 8ECDBE
≈ Beach Breeze
- C3B5E5
≈ Melrose
Komplementarna rozszczepiona +150° +210°
- E0B493
Sonora Apricot
- 89CBD5
≈ White Ultramarine
- ACBDEB
≈ Perano
Tetrada +90° +180° +270°
- E0B493
Sonora Apricot
- A1CBA6
≈ Potted Plant
- 95C5E5
≈ Pale Cerulean
- D7AFD4
≈ Violet Vamp
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.88:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.11:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--sonora-apricot: #e0b493;
--sonora-apricot-rgb: 224 180 147;
--sonora-apricot-oklch: oklch(0.801 0.068 58.5);
}
.element {
color: var(--sonora-apricot);
background-color: hsl(26 55% 73%);
border-color: oklch(0.801 0.068 58.5);
}Tailwind CSS v4
@theme {
--color-sonora-apricot: #e0b493;
--color-sonora-apricot-50: #fff1e2;
--color-sonora-apricot-100: #fae3d2;
--color-sonora-apricot-200: #ebceb8;
--color-sonora-apricot-300: #d2b095;
--color-sonora-apricot-400: #bd9577;
--color-sonora-apricot-500: #a87b58;
--color-sonora-apricot-600: #8e684b;
--color-sonora-apricot-700: #72533c;
--color-sonora-apricot-800: #553c2b;
--color-sonora-apricot-900: #3b291d;
--color-sonora-apricot-950: #25170d;
}SCSS
$sonora-apricot: #e0b493;
$sonora-apricot-rgb: 224, 180, 147;
$sonora-apricot-light: mix(#fff, $sonora-apricot, 20%);
$sonora-apricot-dark: mix(#000, $sonora-apricot, 20%);
.element {
color: $sonora-apricot;
box-shadow: 0 0 0 2px rgba($sonora-apricot, 0.35);
}