Cor nomeada · #BBC5DE
Agapanthus
Agapanthus é #BBC5DE: rgb(187 197 222), hsl(223 35% 80%), oklch(0.824 0.037 268.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Agapanthus color name →
#BBC5DE
oklch(0.824 0.037 268.2)
Conversões de cor
- HEX
- #bbc5de
- RGB
- rgb(187 197 222)
- HSL
- hsl(223 35% 80%)
- HWB
- hwb(223 73% 13%)
- OKLCH
- oklch(0.824 0.037 268.2)
- OKLab
- oklab(0.824 -0.001 -0.037)
- CIE Lab
- lab(79.33 0.25 -13.74)
- LCH
- lch(79.33 13.74 271)
- CMYK
- cmyk(16% 11% 0% 13%)
Tons claros · Sombras · Tons
Tons claros
- C2CBE1
- C8D0E5
- CFD6E8
- D6DCEB
- DDE2EF
- E3E8F2
- EAEDF5
- F1F3F8
- F8F9FC
Sombras
- A2ABC1
- 8A92A5
- 737989
- 5C616F
- 464B55
- 32353D
- 1F2126
- 0D0E12
- 020202
Tons
- B5BED4
- AFB7CB
- A9B0C1
- A3A9B7
- 9DA2AE
- 979BA5
- 91949B
- 8B8D92
- 868789
Harmonias de cor
Complementar +180°
- BBC5DE
Agapanthus
- CFC4AB
≈ Trail Dust
Análoga -30° +30°
- BBC5DE
Agapanthus
- B0C9DB
≈ Life at Sea
- C8C1DB
≈ Ice Mauve
Tríade +120° +240°
- BBC5DE
Agapanthus
- DCBDB8
≈ Strawflower
- B6CCB8
≈ Subtle Green
Complementar dividida +150° +210°
- BBC5DE
Agapanthus
- D8C0AE
≈ Boudoir Beige
- C3C9AE
≈ Green Dragon Spring
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.15:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.15:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--agapanthus: #bbc5de;
--agapanthus-rgb: 187 197 222;
--agapanthus-oklch: oklch(0.824 0.037 268.2);
}
.element {
color: var(--agapanthus);
background-color: hsl(223 35% 80%);
border-color: oklch(0.824 0.037 268.2);
}Tailwind CSS v4
@theme {
--color-agapanthus: #bbc5de;
--color-agapanthus-50: #f1f5ff;
--color-agapanthus-100: #e3e8f5;
--color-agapanthus-200: #ced4e5;
--color-agapanthus-300: #b0b7cb;
--color-agapanthus-400: #959eb5;
--color-agapanthus-500: #7c869f;
--color-agapanthus-600: #697187;
--color-agapanthus-700: #545b6c;
--color-agapanthus-800: #3c424f;
--color-agapanthus-900: #292e37;
--color-agapanthus-950: #171b22;
}SCSS
$agapanthus: #bbc5de;
$agapanthus-rgb: 187, 197, 222;
$agapanthus-light: mix(#fff, $agapanthus, 20%);
$agapanthus-dark: mix(#000, $agapanthus, 20%);
.element {
color: $agapanthus;
box-shadow: 0 0 0 2px rgba($agapanthus, 0.35);
}