Cor nomeada · #B6C8E4
Radar
Radar é #B6C8E4: rgb(182 200 228), hsl(217 46% 80%), oklch(0.828 0.044 259.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Radar color name →
#B6C8E4
oklch(0.828 0.044 259.2)
Conversões de cor
- HEX
- #b6c8e4
- RGB
- rgb(182 200 228)
- HSL
- hsl(217 46% 80%)
- HWB
- hwb(217 71% 11%)
- OKLCH
- oklch(0.828 0.044 259.2)
- OKLab
- oklab(0.828 -0.008 -0.043)
- CIE Lab
- lab(79.91 -1.92 -16.14)
- LCH
- lch(79.91 16.25 263.2)
- CMYK
- cmyk(20% 12% 0% 11%)
Tons claros · Sombras · Tons
Tons claros
- BDCDE7
- C4D3EA
- CCD8EC
- D3DEEF
- DAE3F2
- E1E9F4
- E9EEF7
- F0F4FA
- F8F9FC
Sombras
- 9EAEC6
- 8694A9
- 6F7B8D
- 596372
- 444C58
- 30363F
- 1D2128
- 0C0F12
- 020203
Tons
- B0C1DA
- ABB9CF
- A6B2C5
- A0ABBB
- 9BA3B1
- 959CA7
- 90959D
- 8B8E93
- 85878A
Harmonias de cor
Complementar +180°
- B6C8E4
Radar
- D6C4A7
≈ Garden Country
Análoga -30° +30°
- B6C8E4
Radar
- AACDDE
≈ Early September
- C5C3E2
≈ Ice Mauve
Tríade +120° +240°
- B6C8E4
Radar
- E2BCBB
≈ Soft Blush
- B9CEB3
≈ Kiss of Mint
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.37:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.37:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--radar: #b6c8e4;
--radar-rgb: 182 200 228;
--radar-oklch: oklch(0.828 0.044 259.2);
}
.element {
color: var(--radar);
background-color: hsl(217 46% 80%);
border-color: oklch(0.828 0.044 259.2);
}Tailwind CSS v4
@theme {
--color-radar: #b6c8e4;
--color-radar-50: #eef6ff;
--color-radar-100: #e0e8f7;
--color-radar-200: #cad5e8;
--color-radar-300: #abb8cf;
--color-radar-400: #8fa0b9;
--color-radar-500: #7587a4;
--color-radar-600: #63728a;
--color-radar-700: #4f5c6f;
--color-radar-800: #394352;
--color-radar-900: #272e39;
--color-radar-950: #151b23;
}SCSS
$radar: #b6c8e4;
$radar-rgb: 182, 200, 228;
$radar-light: mix(#fff, $radar, 20%);
$radar-dark: mix(#000, $radar, 20%);
.element {
color: $radar;
box-shadow: 0 0 0 2px rgba($radar, 0.35);
}