最も近い色名 · #ADD9EC
#ADD9EC
最も近い色名: Ariel
#ADD9EC（rgb(173 217 236)、hsl(198 62% 80%)、oklch(0.86 0.053 226.1)）に最も近い色名はArielです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ADD9EC
oklch(0.86 0.053 226.1)
カラー変換
- HEX
- #add9ec
- RGB
- rgb(173 217 236)
- HSL
- hsl(198 62% 80%)
- HWB
- hwb(198 68% 7%)
- OKLCH
- oklch(0.86 0.053 226.1)
- OKLab
- oklab(0.86 -0.037 -0.038)
- CIE Lab
- lab(84.03 -11.67 -14.32)
- LCH
- lch(84.03 18.48 230.8)
- CMYK
- cmyk(27% 8% 0% 7%)
ティント · シェード · トーン
ティント
- B5DDEE
- BEE1F0
- C6E4F2
- CEE8F4
- D6ECF6
- DEF0F8
- E7F4F9
- EFF7FB
- F7FBFD
シェード
- 96BCCD
- 7FA1AF
- 6A8692
- 556C76
- 41535B
- 2D3B42
- 1B2529
- 0B1113
- 010203
トーン
- A9D0E1
- A4C7D6
- A0BECA
- 9BB5C0
- 97ACB5
- 92A3AA
- 8E9A9F
- 899195
- 85898A
カラーハーモニー
補色 +180°
- ADD9EC
Ariel
- F0C7B4
≈ Everblooming
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- ADD9EC
Ariel
- F2C4C5
≈ My Fair Lady
- E6CDAB
≈ Consommé
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.91:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--ariel: #add9ec;
--ariel-rgb: 173 217 236;
--ariel-oklch: oklch(0.86 0.053 226.1);
}
.element {
color: var(--ariel);
background-color: hsl(198 62% 80%);
border-color: oklch(0.86 0.053 226.1);
}Tailwind CSS v4
@theme {
--color-ariel: #add9ec;
--color-ariel-50: #e6f9ff;
--color-ariel-100: #d7ecf6;
--color-ariel-200: #bed9e6;
--color-ariel-300: #9cbdcd;
--color-ariel-400: #7da5b7;
--color-ariel-500: #5f8ea1;
--color-ariel-600: #517888;
--color-ariel-700: #41606d;
--color-ariel-800: #2e4750;
--color-ariel-900: #1f3138;
--color-ariel-950: #0f1d22;
}SCSS
$ariel: #add9ec;
$ariel-rgb: 173, 217, 236;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}