色名 · #C6D5EA
Light Radar
Light Radarは#C6D5EA：rgb(198 213 234)、hsl(215 46% 85%)、oklch(0.868 0.033 256.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Radar color name →
#C6D5EA
oklch(0.868 0.033 256.8)
カラー変換
- HEX
- #c6d5ea
- RGB
- rgb(198 213 234)
- HSL
- hsl(215 46% 85%)
- HWB
- hwb(215 78% 8%)
- OKLCH
- oklch(0.868 0.033 256.8)
- OKLab
- oklab(0.868 -0.008 -0.032)
- CIE Lab
- lab(84.61 -2.07 -12.18)
- LCH
- lch(84.61 12.36 260.3)
- CMYK
- cmyk(15% 9% 0% 8%)
ティント · シェード · トーン
ティント
- CCD9EC
- D1DDEE
- D7E2F0
- DDE6F3
- E2EAF5
- E8EEF7
- EEF2F9
- F3F7FB
- F9FBFD
シェード
- ACB9CB
- 929EAE
- 7A8391
- 626A75
- 4B515A
- 353A41
- 212429
- 0E1013
- 020203
トーン
- BFCCDF
- B8C3D4
- B0BBC9
- A9B2BE
- A2AAB4
- 9BA1A9
- 94999F
- 8E9094
- 87888A
カラーハーモニー
補色 +180°
- C6D5EA
Light Radar
- E0D1BC
≈ Clambake
類似色 -30° +30°
- C6D5EA
Light Radar
- BED9E5
≈ Breezy Blue
- D1D1E9
≈ Artistic Violet
トライアド +120° +240°
- C6D5EA
Light Radar
- E9CBCC
≈ Petite Pink
- CAD9C4
≈ Turning Leaf
スプリットコンプリメンタリー +150° +210°
- C6D5EA
Light Radar
- E7CEC1
≈ Malibu Coast
- D6D6BD
≈ Pale Cucumber
テトラード +90° +180° +270°
- C6D5EA
Light Radar
- E5CBD8
≈ Queen Pink
- E0D1BC
≈ Clambake
- C0DBCF
≈ Silverton
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.10:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--light-radar: #c6d5ea;
--light-radar-rgb: 198 213 234;
--light-radar-oklch: oklch(0.868 0.033 256.8);
}
.element {
color: var(--light-radar);
background-color: hsl(215 46% 85%);
border-color: oklch(0.868 0.033 256.8);
}Tailwind CSS v4
@theme {
--color-light-radar: #c6d5ea;
--color-light-radar-50: #eff6ff;
--color-light-radar-100: #e1e8f3;
--color-light-radar-200: #ccd5e3;
--color-light-radar-300: #adb8c9;
--color-light-radar-400: #92a0b2;
--color-light-radar-500: #78879d;
--color-light-radar-600: #667384;
--color-light-radar-700: #515c6a;
--color-light-radar-800: #3b434e;
--color-light-radar-900: #282e36;
--color-light-radar-950: #161b21;
}SCSS
$light-radar: #c6d5ea;
$light-radar-rgb: 198, 213, 234;
$light-radar-light: mix(#fff, $light-radar, 20%);
$light-radar-dark: mix(#000, $light-radar, 20%);
.element {
color: $light-radar;
box-shadow: 0 0 0 2px rgba($light-radar, 0.35);
}