Cor nomeada · #B4CCCB
Clear Pond
Clear Pond é #B4CCCB: rgb(180 204 203), hsl(177 19% 75%), oklch(0.827 0.026 193.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Clear Pond color name →
#B4CCCB
oklch(0.827 0.026 193.6)
Conversões de cor
- HEX
- #b4cccb
- RGB
- rgb(180 204 203)
- HSL
- hsl(177 19% 75%)
- HWB
- hwb(177 71% 20%)
- OKLCH
- oklch(0.827 0.026 193.6)
- OKLab
- oklab(0.827 -0.025 -0.006)
- CIE Lab
- lab(80.21 -8.52 -2.39)
- LCH
- lch(80.21 8.85 195.6)
- CMYK
- cmyk(12% 0% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- BBD1D0
- C3D6D5
- CADBDA
- D2E0E0
- D9E5E5
- E1EAEA
- E8F0EF
- F0F5F4
- F7FAFA
Sombras
- 9CB1B0
- 859796
- 6E7E7D
- 586565
- 444E4D
- 303737
- 1D2222
- 0C0F0F
- 020202
Tons
- AFC4C3
- A9BCBC
- A4B5B4
- 9FADAC
- 9AA5A5
- 959E9D
- 8F9696
- 8A8F8E
- 858787
Harmonias de cor
Complementar +180°
- B4CCCB
Clear Pond
- D7C0C1
≈ Sprig Muslin
Análoga -30° +30°
- B4CCCB
Clear Pond
- B8CCC2
≈ Blue Fluorite
- B5CAD3
≈ English Hollyhock
Tríade +120° +240°
- B4CCCB
Clear Pond
- CCC2D3
≈ Powder Viola
- D1C4B4
≈ Sunray Venus
Complementar dividida +150° +210°
- B4CCCB
Clear Pond
- D3C0CB
≈ Bassinet
- D6C1B9
≈ Country Cottage
Tétrade +90° +180° +270°
- B4CCCB
Clear Pond
- C4C5D7
≈ Tulip Soft Blue
- D7C0C1
≈ Sprig Muslin
- C9C7B4
≈ Wabi-Sabi
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.44:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--clear-pond: #b4cccb;
--clear-pond-rgb: 180 204 203;
--clear-pond-oklch: oklch(0.827 0.026 193.6);
}
.element {
color: var(--clear-pond);
background-color: hsl(177 19% 75%);
border-color: oklch(0.827 0.026 193.6);
}Tailwind CSS v4
@theme {
--color-clear-pond: #b4cccb;
--color-clear-pond-50: #edf8f7;
--color-clear-pond-100: #dfebea;
--color-clear-pond-200: #c8d8d8;
--color-clear-pond-300: #a9bcbb;
--color-clear-pond-400: #8ea4a3;
--color-clear-pond-500: #738c8b;
--color-clear-pond-600: #617676;
--color-clear-pond-700: #4e5f5e;
--color-clear-pond-800: #384545;
--color-clear-pond-900: #27302f;
--color-clear-pond-950: #151c1c;
}SCSS
$clear-pond: #b4cccb;
$clear-pond-rgb: 180, 204, 203;
$clear-pond-light: mix(#fff, $clear-pond, 20%);
$clear-pond-dark: mix(#000, $clear-pond, 20%);
.element {
color: $clear-pond;
box-shadow: 0 0 0 2px rgba($clear-pond, 0.35);
}