色名 · #9CBBE2
Aegean Mist
Aegean Mistは#9CBBE2：rgb(156 187 226)、hsl(213 55% 75%)、oklch(0.783 0.065 254.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Aegean Mist color name →
#9CBBE2
oklch(0.783 0.065 254.4)
カラー変換
- HEX
- #9cbbe2
- RGB
- rgb(156 187 226)
- HSL
- hsl(213 55% 75%)
- HWB
- hwb(213 61% 11%)
- OKLCH
- oklch(0.783 0.065 254.4)
- OKLab
- oklab(0.783 -0.018 -0.063)
- CIE Lab
- lab(74.59 -4.05 -23.25)
- LCH
- lch(74.59 23.6 260.1)
- CMYK
- cmyk(31% 17% 0% 11%)
ティント · シェード · トーン
ティント
- A6C2E5
- AFC9E8
- B9CFEB
- C3D6EE
- CDDDF1
- D7E4F4
- E1EAF7
- EBF1FA
- F5F8FC
シェード
- 87A2C4
- 738AA8
- 5F738C
- 4C5C71
- 394657
- 28323E
- 181F27
- 090D12
- 010203
トーン
- 99B5D8
- 97AFCE
- 94A9C4
- 91A3BA
- 8E9DB0
- 8B97A6
- 89919D
- 868C93
- 83868A
カラーハーモニー
補色 +180°
- 9CBBE2
Aegean Mist
- D2B38A
≈ Link to the Past
類似色 -30° +30°
- 9CBBE2
Aegean Mist
- 8AC2D8
≈ Dreaming Blue
- B3B3E1
≈ Beloved
トライアド +120° +240°
- 9CBBE2
Aegean Mist
- DFA8AB
≈ Peach Poppy
- A7C298
≈ Heartland Frosty
スプリットコンプリメンタリー +150° +210°
- 9CBBE2
Aegean Mist
- DDAC96
≈ Arizona Dust
- BEBB8A
≈ Baby Bok Choy
テトラード +90° +180° +270°
- 9CBBE2
Aegean Mist
- D7A8C2
≈ Heart to Heart
- D2B38A
≈ Link to the Past
- 91C6AD
≈ Hellion Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.61:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--aegean-mist: #9cbbe2;
--aegean-mist-rgb: 156 187 226;
--aegean-mist-oklch: oklch(0.783 0.065 254.4);
}
.element {
color: var(--aegean-mist);
background-color: hsl(213 55% 75%);
border-color: oklch(0.783 0.065 254.4);
}Tailwind CSS v4
@theme {
--color-aegean-mist: #9cbbe2;
--color-aegean-mist-50: #e9f6ff;
--color-aegean-mist-100: #dae9fe;
--color-aegean-mist-200: #c3d6f1;
--color-aegean-mist-300: #a2b9d9;
--color-aegean-mist-400: #84a1c5;
--color-aegean-mist-500: #6889b1;
--color-aegean-mist-600: #587496;
--color-aegean-mist-700: #475c78;
--color-aegean-mist-800: #324459;
--color-aegean-mist-900: #222f3e;
--color-aegean-mist-950: #111b27;
}SCSS
$aegean-mist: #9cbbe2;
$aegean-mist-rgb: 156, 187, 226;
$aegean-mist-light: mix(#fff, $aegean-mist, 20%);
$aegean-mist-dark: mix(#000, $aegean-mist, 20%);
.element {
color: $aegean-mist;
box-shadow: 0 0 0 2px rgba($aegean-mist, 0.35);
}