Nazwany kolor · #E48B59
Aegean Sky
Aegean Sky to #E48B59: rgb(228 139 89), hsl(22 72% 62%), oklch(0.72 0.127 49.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Aegean Sky color name →
#E48B59
oklch(0.72 0.127 49.1)
Konwersje koloru
- HEX
- #e48b59
- RGB
- rgb(228 139 89)
- HSL
- hsl(22 72% 62%)
- HWB
- hwb(22 35% 11%)
- OKLCH
- oklch(0.72 0.127 49.1)
- OKLab
- oklab(0.72 0.083 0.096)
- CIE Lab
- lab(66.81 31.49 41.47)
- LCH
- lch(66.81 52.07 52.8)
- CMYK
- cmyk(0% 39% 61% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8976B
- EBA37B
- EFAE8C
- F2BA9D
- F5C6AD
- F7D1BD
- FADDCE
- FCE8DE
- FDF4EE
Odcienie ciemniejsze
- C6784C
- A96640
- 8D5434
- 724328
- 58321D
- 3F2313
- 281409
- 120703
- 030100
Tony
- DA8A5E
- D08A63
- C78968
- BD886C
- B38770
- A98674
- 9F8577
- 95837A
- 8A827D
Harmonie kolorów
Komplementarna +180°
- E48B59
Aegean Sky
- 35B3E4
≈ Summer Sky
Analogowa -30° +30°
- E48B59
Aegean Sky
- E98285
≈ Apple Valley
- CF9A3A
≈ Mineral Yellow
Triada +120° +240°
- E48B59
Aegean Sky
- 3ABE97
≈ New Meadow
- A396EF
≈ Dull Lavender
Komplementarna rozszczepiona +150° +210°
- E48B59
Aegean Sky
- 00BBC2
≈ Montego Bay
- 73A5F4
≈ Fennel Flower
Tetrada +90° +180° +270°
- E48B59
Aegean Sky
- 7AB869
≈ Bud Green
- 35B3E4
≈ Summer Sky
- C78AD7
≈ Purception
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.58:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.13:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.13:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--aegean-sky: #e48b59;
--aegean-sky-rgb: 228 139 89;
--aegean-sky-oklch: oklch(0.72 0.127 49.1);
}
.element {
color: var(--aegean-sky);
background-color: hsl(22 72% 62%);
border-color: oklch(0.72 0.127 49.1);
}Tailwind CSS v4
@theme {
--color-aegean-sky: #e48b59;
--color-aegean-sky-50: #ffecd5;
--color-aegean-sky-100: #ffddc2;
--color-aegean-sky-200: #ffc5a3;
--color-aegean-sky-300: #eca57b;
--color-aegean-sky-400: #da8657;
--color-aegean-sky-500: #c7692e;
--color-aegean-sky-600: #a85929;
--color-aegean-sky-700: #874720;
--color-aegean-sky-800: #653317;
--color-aegean-sky-900: #47220f;
--color-aegean-sky-950: #2e1103;
}SCSS
$aegean-sky: #e48b59;
$aegean-sky-rgb: 228, 139, 89;
$aegean-sky-light: mix(#fff, $aegean-sky, 20%);
$aegean-sky-dark: mix(#000, $aegean-sky, 20%);
.element {
color: $aegean-sky;
box-shadow: 0 0 0 2px rgba($aegean-sky, 0.35);
}