Adlandırılmış renk · #E48B59
Aegean Sky
Aegean Sky, #E48B59: rgb(228 139 89), hsl(22 72% 62%), oklch(0.72 0.127 49.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Aegean Sky color name →
#E48B59
oklch(0.72 0.127 49.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8976B
- EBA37B
- EFAE8C
- F2BA9D
- F5C6AD
- F7D1BD
- FADDCE
- FCE8DE
- FDF4EE
Koyu tonlar
- C6784C
- A96640
- 8D5434
- 724328
- 58321D
- 3F2313
- 281409
- 120703
- 030100
Gri tonlar
- DA8A5E
- D08A63
- C78968
- BD886C
- B38770
- A98674
- 9F8577
- 95837A
- 8A827D
Renk uyumları
Tamamlayıcı +180°
- E48B59
Aegean Sky
- 35B3E4
≈ Summer Sky
Analog -30° +30°
- E48B59
Aegean Sky
- E98285
≈ Apple Valley
- CF9A3A
≈ Mineral Yellow
Üçlü +120° +240°
- E48B59
Aegean Sky
- 3ABE97
≈ New Meadow
- A396EF
≈ Dull Lavender
Bölünmüş tamamlayıcı +150° +210°
- E48B59
Aegean Sky
- 00BBC2
≈ Montego Bay
- 73A5F4
≈ Fennel Flower
Dörtlü +90° +180° +270°
- E48B59
Aegean Sky
- 7AB869
≈ Bud Green
- 35B3E4
≈ Summer Sky
- C78AD7
≈ Purception
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.58:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.13:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.13:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}