最も近い色名 · #A0D8E2
#A0D8E2
最も近い色名: Crystal
#A0D8E2（rgb(160 216 226)、hsl(189 53% 76%)、oklch(0.847 0.059 209.7)）に最も近い色名はCrystalです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A0D8E2
oklch(0.847 0.059 209.7)
カラー変換
- HEX
- #a0d8e2
- RGB
- rgb(160 216 226)
- HSL
- hsl(189 53% 76%)
- HWB
- hwb(189 63% 11%)
- OKLCH
- oklch(0.847 0.059 209.7)
- OKLab
- oklab(0.847 -0.051 -0.029)
- CIE Lab
- lab(82.73 -16.88 -11.07)
- LCH
- lch(82.73 20.19 213.3)
- CMYK
- cmyk(29% 4% 0% 11%)
ティント · シェード · トーン
ティント
- AADCE5
- B4E0E8
- BDE4EB
- C7E8EE
- D0ECF1
- DAF0F3
- E3F3F6
- ECF7F9
- F6FBFC
シェード
- 8BBCC4
- 76A0A8
- 61858C
- 4E6B71
- 3B5357
- 293B3E
- 192527
- 091112
- 010203
トーン
- 9DCFD8
- 9AC6CE
- 97BDC4
- 94B4BA
- 91ABB0
- 8EA2A6
- 8B9A9C
- 879193
- 848889
カラーハーモニー
補色 +180°
- A0D8E2
Crystal
- F1BFB6
≈ Alpenglow
類似色 -30° +30°
- A0D8E2
Crystal
- A3DACE
≈ Lolly Ice
- AAD3F0
≈ Light Shimmer
トライアド +120° +240°
- A0D8E2
Crystal
- E4C0E0
≈ Blackberry Yoghurt
- DCCCA1
≈ Shui Jiao Dumpling
スプリットコンプリメンタリー +150° +210°
- A0D8E2
Crystal
- EFBDCB
≈ Pink Chintz
- EBC4A7
≈ Siesta
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.41:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--crystal: #a0d8e2;
--crystal-rgb: 160 216 226;
--crystal-oklch: oklch(0.847 0.059 209.7);
}
.element {
color: var(--crystal);
background-color: hsl(189 53% 76%);
border-color: oklch(0.847 0.059 209.7);
}Tailwind CSS v4
@theme {
--color-crystal: #a0d8e2;
--color-crystal-50: #e3faff;
--color-crystal-100: #d3eef3;
--color-crystal-200: #b8dce3;
--color-crystal-300: #95c0c9;
--color-crystal-400: #75a8b2;
--color-crystal-500: #54919c;
--color-crystal-600: #487b84;
--color-crystal-700: #396269;
--color-crystal-800: #28484d;
--color-crystal-900: #1b3235;
--color-crystal-950: #0b1e21;
}SCSS
$crystal: #a0d8e2;
$crystal-rgb: 160, 216, 226;
$crystal-light: mix(#fff, $crystal, 20%);
$crystal-dark: mix(#000, $crystal, 20%);
.element {
color: $crystal;
box-shadow: 0 0 0 2px rgba($crystal, 0.35);
}