Warna bernama terdekat · #B6B8CA
#B6B8CA
Warna bernama terdekat: Cosmic
#B6B8CA (rgb(182 184 202), hsl(234 16% 75%), oklch(0.787 0.025 280.7)) paling mendekati warna bernama Cosmic. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B6B8CA
oklch(0.787 0.025 280.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- BDBFCF
- C4C6D4
- CBCDDA
- D3D4DF
- DADBE4
- E1E2EA
- E9E9EF
- F0F0F4
- F7F8FA
Shade
- 9EA0AF
- 868895
- 6F717C
- 595B64
- 44454D
- 303137
- 1D1E22
- 0C0C0F
- 020202
Tone
- B0B2C2
- ABADBB
- A5A7B3
- A0A1AC
- 9B9CA4
- 95969D
- 909096
- 8B8B8E
- 858587
Harmoni warna
Komplementer +180°
- B6B8CA
Cosmic
- BDBAA8
≈ Ash
Analog -30° +30°
- B6B8CA
Cosmic
- AEBBCA
≈ Simply Blue
- BFB5C6
≈ Decency
Triadik +120° +240°
- B6B8CA
Cosmic
- C9B5AD
≈ Boardwalk Sashay
- ACBFB4
≈ Foggy Rain
Split-komplementer +150° +210°
- B6B8CA
Cosmic
- C4B7A8
≈ Ivory Brown
- B4BDAC
≈ Cedar Mill
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.96:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.69:1 · APCA Lc 65
Warna teks terbaik: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Cuplikan kode
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);
}