Colore con nome · #BBC5DE
Agapanthus
Agapanthus è #BBC5DE: rgb(187 197 222), hsl(223 35% 80%), oklch(0.824 0.037 268.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Agapanthus color name →
#BBC5DE
oklch(0.824 0.037 268.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C2CBE1
- C8D0E5
- CFD6E8
- D6DCEB
- DDE2EF
- E3E8F2
- EAEDF5
- F1F3F8
- F8F9FC
Ombre
- A2ABC1
- 8A92A5
- 737989
- 5C616F
- 464B55
- 32353D
- 1F2126
- 0D0E12
- 020202
Toni
- B5BED4
- AFB7CB
- A9B0C1
- A3A9B7
- 9DA2AE
- 979BA5
- 91949B
- 8B8D92
- 868789
Armonie di colore
Complementare +180°
- BBC5DE
Agapanthus
- CFC4AB
≈ Trail Dust
Analogo -30° +30°
- BBC5DE
Agapanthus
- B0C9DB
≈ Life at Sea
- C8C1DB
≈ Ice Mauve
Triadico +120° +240°
- BBC5DE
Agapanthus
- DCBDB8
≈ Strawflower
- B6CCB8
≈ Subtle Green
Complementare divisa +150° +210°
- BBC5DE
Agapanthus
- D8C0AE
≈ Boudoir Beige
- C3C9AE
≈ Green Dragon Spring
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.15:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.15:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}