色名 · #A0BEDA
Ice Cave
Ice Caveは#A0BEDA：rgb(160 190 218)、hsl(209 44% 74%)、oklch(0.789 0.052 246.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Ice Cave color name →
#A0BEDA
oklch(0.789 0.052 246.7)
カラー変換
- HEX
- #a0beda
- RGB
- rgb(160 190 218)
- HSL
- hsl(209 44% 74%)
- HWB
- hwb(209 63% 15%)
- OKLCH
- oklch(0.789 0.052 246.7)
- OKLab
- oklab(0.789 -0.02 -0.047)
- CIE Lab
- lab(75.44 -5.77 -17.63)
- LCH
- lch(75.44 18.55 251.9)
- CMYK
- cmyk(27% 13% 0% 15%)
ティント · シェード · トーン
ティント
- A9C4DE
- B3CBE2
- BCD1E5
- C6D8E9
- CFDEED
- D9E5F0
- E2EBF4
- ECF2F8
- F5F8FB
シェード
- 8BA5BD
- 768CA2
- 617587
- 4E5E6C
- 3B4854
- 29333C
- 191F25
- 090D11
- 010202
トーン
- 9DB8D1
- 9AB1C7
- 97ABBE
- 93A5B5
- 909FAC
- 8D98A3
- 8A929A
- 878C91
- 838689
カラーハーモニー
補色 +180°
- A0BEDA
Ice Cave
- D1B498
≈ Cashmere
類似色 -30° +30°
- A0BEDA
Ice Cave
- 95C3D0
≈ Aquatic
- B1B8DC
≈ Frosted Iris
トライアド +120° +240°
- A0BEDA
Ice Cave
- D8ADB5
≈ Strawberry Latte
- B1C19D
≈ Garden Pond
スプリットコンプリメンタリー +150° +210°
- A0BEDA
Ice Cave
- D9AFA3
≈ Sandpaper
- C3BB95
≈ Earth Friendly
テトラード +90° +180° +270°
- A0BEDA
Ice Cave
- D1AEC6
≈ Winsome Orchid
- D1B498
≈ Cashmere
- A0C5AD
≈ Mini Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.87:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--ice-cave: #a0beda;
--ice-cave-rgb: 160 190 218;
--ice-cave-oklch: oklch(0.789 0.052 246.7);
}
.element {
color: var(--ice-cave);
background-color: hsl(209 44% 74%);
border-color: oklch(0.789 0.052 246.7);
}Tailwind CSS v4
@theme {
--color-ice-cave: #a0beda;
--color-ice-cave-50: #eaf7ff;
--color-ice-cave-100: #dbeaf9;
--color-ice-cave-200: #c4d7ea;
--color-ice-cave-300: #a4bad1;
--color-ice-cave-400: #86a2bc;
--color-ice-cave-500: #6a8aa7;
--color-ice-cave-600: #5a758d;
--color-ice-cave-700: #485d71;
--color-ice-cave-800: #334553;
--color-ice-cave-900: #232f3a;
--color-ice-cave-950: #121c24;
}SCSS
$ice-cave: #a0beda;
$ice-cave-rgb: 160, 190, 218;
$ice-cave-light: mix(#fff, $ice-cave, 20%);
$ice-cave-dark: mix(#000, $ice-cave, 20%);
.element {
color: $ice-cave;
box-shadow: 0 0 0 2px rgba($ice-cave, 0.35);
}