Cor nomeada · #BDCBCB
Ice Flow
Ice Flow é #BDCBCB: rgb(189 203 203), hsl(180 12% 77%), oklch(0.831 0.015 196.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ice Flow color name →
#BDCBCB
oklch(0.831 0.015 196.9)
Conversões de cor
- HEX
- #bdcbcb
- RGB
- rgb(189 203 203)
- HSL
- hsl(180 12% 77%)
- HWB
- hwb(180 74% 20%)
- OKLCH
- oklch(0.831 0.015 196.9)
- OKLab
- oklab(0.831 -0.015 -0.004)
- CIE Lab
- lab(80.6 -4.93 -1.73)
- LCH
- lch(80.6 5.23 199.3)
- CMYK
- cmyk(7% 0% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- C3D0D0
- CAD5D5
- D0DADA
- D7E0E0
- DEE5E5
- E4EAEA
- EBEFEF
- F2F4F4
- F8FAFA
Sombras
- A4B0B0
- 8C9696
- 747D7D
- 5D6565
- 474D4D
- 333737
- 1F2222
- 0D0F0F
- 020202
Tons
- B7C3C3
- B1BCBC
- AAB4B4
- A4ACAC
- 9EA5A5
- 989D9D
- 929696
- 8C8E8E
- 868787
Harmonias de cor
Complementar +180°
- BDCBCB
Ice Flow
- D2C4C4
≈ Vaguely Mauve
Análoga -30° +30°
- BDCBCB
Ice Flow
- BFCBC6
≈ Soothing Spring
- BECAD0
≈ Bay of Hope
Tríade +120° +240°
- BDCBCB
Ice Flow
- CCC5CE
≈ Hazy Mauve
- CDC7BD
≈ Micaceous Light Grey
Complementar dividida +150° +210°
- BDCBCB
Ice Flow
- D0C4CA
≈ Piano Grey Rose
- D1C5BF
≈ En Plein Air
Tétrade +90° +180° +270°
- BDCBCB
Ice Flow
- C7C6D1
≈ Hazy Mauve
- D2C4C4
≈ Vaguely Mauve
- C9C9BD
≈ Create
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.56:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.56:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--ice-flow: #bdcbcb;
--ice-flow-rgb: 189 203 203;
--ice-flow-oklch: oklch(0.831 0.015 196.9);
}
.element {
color: var(--ice-flow);
background-color: hsl(180 12% 77%);
border-color: oklch(0.831 0.015 196.9);
}Tailwind CSS v4
@theme {
--color-ice-flow: #bdcbcb;
--color-ice-flow-50: #f0f6f7;
--color-ice-flow-100: #e2e9ea;
--color-ice-flow-200: #cdd6d7;
--color-ice-flow-300: #afbaba;
--color-ice-flow-400: #95a1a1;
--color-ice-flow-500: #7b898a;
--color-ice-flow-600: #687474;
--color-ice-flow-700: #535d5d;
--color-ice-flow-800: #3d4444;
--color-ice-flow-900: #2a2f2f;
--color-ice-flow-950: #171c1b;
}SCSS
$ice-flow: #bdcbcb;
$ice-flow-rgb: 189, 203, 203;
$ice-flow-light: mix(#fff, $ice-flow, 20%);
$ice-flow-dark: mix(#000, $ice-flow, 20%);
.element {
color: $ice-flow;
box-shadow: 0 0 0 2px rgba($ice-flow, 0.35);
}