色名 · #508FA2
Aegean Sea
Aegean Seaは#508FA2：rgb(80 143 162)、hsl(194 34% 47%)、oklch(0.615 0.071 219.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Aegean Sea color name →
#508FA2
oklch(0.615 0.071 219.5)
カラー変換
- HEX
- #508fa2
- RGB
- rgb(80 143 162)
- HSL
- hsl(194 34% 47%)
- HWB
- hwb(194 31% 36%)
- OKLCH
- oklch(0.615 0.071 219.5)
- OKLab
- oklab(0.615 -0.055 -0.045)
- CIE Lab
- lab(55.75 -17.07 -16.75)
- LCH
- lch(55.75 23.91 224.4)
- CMYK
- cmyk(51% 12% 0% 36%)
ティント · シェード · トーン
ティント
- 629AAB
- 74A5B4
- 85B0BD
- 97BBC7
- A8C6D0
- B9D1D9
- CADDE3
- DCE8EC
- EDF3F6
シェード
- 447C8C
- 396977
- 2E5763
- 24454F
- 1A343C
- 10242A
- 071519
- 02070A
- 000101
トーン
- 568E9F
- 5C8C9B
- 618B98
- 668995
- 6B8891
- 70868E
- 74858A
- 788387
- 7C8283
カラーハーモニー
補色 +180°
- 508FA2
Aegean Sea
- AA7665
≈ Sawshark
類似色 -30° +30°
- 508FA2
Aegean Sea
- 4D938E
≈ Mirage Lake
- 6388AE
≈ Perfect Periwinkle
トライアド +120° +240°
- 508FA2
Aegean Sea
- A27493
≈ Angel Heart
- 8F8653
≈ Trough Shell Brown
スプリットコンプリメンタリー +150° +210°
- 508FA2
Aegean Sea
- AA737B
≈ French Marron
- A17D55
≈ Burnt Butter
テトラード +90° +180° +270°
- 508FA2
Aegean Sea
- 9279A5
≈ Trumpeter
- AA7665
≈ Sawshark
- 778D60
≈ Sage Leaves
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.62:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.79:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--aegean-sea: #508fa2;
--aegean-sea-rgb: 80 143 162;
--aegean-sea-oklch: oklch(0.615 0.071 219.5);
}
.element {
color: var(--aegean-sea);
background-color: hsl(194 34% 47%);
border-color: oklch(0.615 0.071 219.5);
}Tailwind CSS v4
@theme {
--color-aegean-sea: #508fa2;
--color-aegean-sea-50: #e0faff;
--color-aegean-sea-100: #cfeef9;
--color-aegean-sea-200: #b4dcea;
--color-aegean-sea-300: #8fc0d1;
--color-aegean-sea-400: #6da9bb;
--color-aegean-sea-500: #4a91a6;
--color-aegean-sea-600: #407b8d;
--color-aegean-sea-700: #336271;
--color-aegean-sea-800: #234853;
--color-aegean-sea-900: #17323a;
--color-aegean-sea-950: #081e24;
}SCSS
$aegean-sea: #508fa2;
$aegean-sea-rgb: 80, 143, 162;
$aegean-sea-light: mix(#fff, $aegean-sea, 20%);
$aegean-sea-dark: mix(#000, $aegean-sea, 20%);
.element {
color: $aegean-sea;
box-shadow: 0 0 0 2px rgba($aegean-sea, 0.35);
}