最も近い色名 · #B6B8CA
#B6B8CA
最も近い色名: Cosmic
#B6B8CA（rgb(182 184 202)、hsl(234 16% 75%)、oklch(0.787 0.025 280.7)）に最も近い色名はCosmicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B6B8CA
oklch(0.787 0.025 280.7)
カラー変換
- HEX
- #b6b8ca
- RGB
- rgb(182 184 202)
- HSL
- hsl(234 16% 75%)
- HWB
- hwb(234 71% 21%)
- OKLCH
- oklch(0.787 0.025 280.7)
- OKLab
- oklab(0.787 0.005 -0.025)
- CIE Lab
- lab(75.05 1.92 -9.38)
- LCH
- lch(75.05 9.57 281.5)
- CMYK
- cmyk(10% 9% 0% 21%)
ティント · シェード · トーン
ティント
- BDBFCF
- C4C6D4
- CBCDDA
- D3D4DF
- DADBE4
- E1E2EA
- E9E9EF
- F0F0F4
- F7F8FA
シェード
- 9EA0AF
- 868895
- 6F717C
- 595B64
- 44454D
- 303137
- 1D1E22
- 0C0C0F
- 020202
トーン
- B0B2C2
- ABADBB
- A5A7B3
- A0A1AC
- 9B9CA4
- 95969D
- 909096
- 8B8B8E
- 858587
カラーハーモニー
補色 +180°
- B6B8CA
Cosmic
- BDBAA8
≈ Ash
類似色 -30° +30°
- B6B8CA
Cosmic
- AEBBCA
≈ Simply Blue
- BFB5C6
≈ Decency
トライアド +120° +240°
- B6B8CA
Cosmic
- C9B5AD
≈ Boardwalk Sashay
- ACBFB4
≈ Foggy Rain
スプリットコンプリメンタリー +150° +210°
- B6B8CA
Cosmic
- C4B7A8
≈ Ivory Brown
- B4BDAC
≈ Cedar Mill
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.69:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--cosmic: #b6b8ca;
--cosmic-rgb: 182 184 202;
--cosmic-oklch: oklch(0.787 0.025 280.7);
}
.element {
color: var(--cosmic);
background-color: hsl(234 16% 75%);
border-color: oklch(0.787 0.025 280.7);
}Tailwind CSS v4
@theme {
--color-cosmic: #b6b8ca;
--color-cosmic-50: #f4f4fc;
--color-cosmic-100: #e6e7f0;
--color-cosmic-200: #d2d3df;
--color-cosmic-300: #b5b6c4;
--color-cosmic-400: #9b9dae;
--color-cosmic-500: #838597;
--color-cosmic-600: #6f7080;
--color-cosmic-700: #585a66;
--color-cosmic-800: #40424b;
--color-cosmic-900: #2c2d34;
--color-cosmic-950: #191a20;
}SCSS
$cosmic: #b6b8ca;
$cosmic-rgb: 182, 184, 202;
$cosmic-light: mix(#fff, $cosmic, 20%);
$cosmic-dark: mix(#000, $cosmic, 20%);
.element {
color: $cosmic;
box-shadow: 0 0 0 2px rgba($cosmic, 0.35);
}