最も近い色名 · #C1CFFF
#C1CFFF
最も近い色名: Icy Plains
#C1CFFF（rgb(193 207 255)、hsl(226 100% 88%)、oklch(0.86 0.069 272.2)）に最も近い色名はIcy Plainsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C1CFFF
oklch(0.86 0.069 272.2)
カラー変換
- HEX
- #c1cfff
- RGB
- rgb(193 207 255)
- HSL
- hsl(226 100% 88%)
- HWB
- hwb(226 76% 0%)
- OKLCH
- oklch(0.86 0.069 272.2)
- OKLab
- oklab(0.86 0.003 -0.069)
- CIE Lab
- lab(83.26 2.75 -25.32)
- LCH
- lch(83.26 25.47 276.2)
- CMYK
- cmyk(24% 19% 0% 0%)
ティント · シェード · トーン
ティント
- C7D4FF
- CDD9FF
- D3DDFF
- D9E2FF
- E0E7FF
- E6ECFF
- ECF1FF
- F2F5FF
- F9FAFF
シェード
- A7B4DE
- 8F99BE
- 777F9E
- 5F6780
- 494F63
- 343848
- 20232E
- 0E1016
- 020203
トーン
- BAC7F2
- B4BFE5
- ADB7D8
- A6AFCB
- A0A7BE
- 999FB1
- 9397A5
- 8D8F98
- 86888C
カラーハーモニー
補色 +180°
- C1CFFF
Icy Plains
- E1D09E
≈ Woven
類似色 -30° +30°
- C1CFFF
Icy Plains
- AAD7FB
≈ Malmö FF
- D9C7F7
≈ Neon Boneyard
トライアド +120° +240°
- C1CFFF
Icy Plains
- FBC1B5
≈ Ruffled Parasol
- B0DFBB
≈ Fringy Flower
スプリットコンプリメンタリー +150° +210°
- C1CFFF
Icy Plains
- F2C8A3
≈ Radome Tan
- C9D9A7
≈ Chameleon
テトラード +90° +180° +270°
- C1CFFF
Icy Plains
- F9BFCD
≈ Tassel Flower
- E1D09E
≈ Woven
- 9EE0D4
≈ Menthol Kiss
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.53:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.63:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--icy-plains: #c1cfff;
--icy-plains-rgb: 193 207 255;
--icy-plains-oklch: oklch(0.86 0.069 272.2);
}
.element {
color: var(--icy-plains);
background-color: hsl(226 100% 88%);
border-color: oklch(0.86 0.069 272.2);
}Tailwind CSS v4
@theme {
--color-icy-plains: #c1cfff;
--color-icy-plains-50: #eff4ff;
--color-icy-plains-100: #e0e7ff;
--color-icy-plains-200: #cbd3f2;
--color-icy-plains-300: #acb5db;
--color-icy-plains-400: #909cc8;
--color-icy-plains-500: #7684b4;
--color-icy-plains-600: #646f98;
--color-icy-plains-700: #50597a;
--color-icy-plains-800: #39415b;
--color-icy-plains-900: #272d3f;
--color-icy-plains-950: #151a28;
}SCSS
$icy-plains: #c1cfff;
$icy-plains-rgb: 193, 207, 255;
$icy-plains-light: mix(#fff, $icy-plains, 20%);
$icy-plains-dark: mix(#000, $icy-plains, 20%);
.element {
color: $icy-plains;
box-shadow: 0 0 0 2px rgba($icy-plains, 0.35);
}