Named color · #A1BCD8
Monologue
Monologue is #A1BCD8: rgb(161 188 216), hsl(211 41% 74%), oklch(0.784 0.05 249.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Monologue color name →
#A1BCD8
oklch(0.784 0.05 249.4)
Color conversions
- HEX
- #a1bcd8
- RGB
- rgb(161 188 216)
- HSL
- hsl(211 41% 74%)
- HWB
- hwb(211 63% 15%)
- OKLCH
- oklch(0.784 0.05 249.4)
- OKLab
- oklab(0.784 -0.017 -0.047)
- CIE Lab
- lab(74.92 -4.81 -17.34)
- LCH
- lch(74.92 17.99 254.5)
- CMYK
- cmyk(25% 13% 0% 15%)
Tints · Shades · Tones
Tints
- AAC3DC
- B3C9E0
- BDD0E4
- C6D7E8
- CFDDEC
- D9E4F0
- E2EBF3
- ECF1F7
- F5F8FB
Shades
- 8BA3BC
- 768BA0
- 627385
- 4E5D6B
- 3C4753
- 2A323B
- 191F25
- 090D11
- 010202
Tones
- 9EB6CF
- 9AB0C6
- 97AABD
- 94A4B4
- 919EAB
- 8D98A2
- 8A929A
- 878C91
- 838689
Color harmonies
Complementary +180°
- A1BCD8
Monologue
- CEB497
≈ Sugar Rush Peach Pepper
Analogous -30° +30°
- A1BCD8
Monologue
- 96C1CF
≈ Neptune’s Realm
- B2B6D9
≈ Wild Orchid Blue
Triadic +120° +240°
- A1BCD8
Monologue
- D6ACB2
≈ Ballet Rose
- AFC09E
≈ Garden Pond
Split-complementary +150° +210°
- A1BCD8
Monologue
- D6AFA1
≈ Montezuma’s Castle
- C0BA96
≈ Salty Seeds
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.96:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.70:1 · APCA Lc 65
Best text color: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--monologue: #a1bcd8;
--monologue-rgb: 161 188 216;
--monologue-oklch: oklch(0.784 0.05 249.4);
}
.element {
color: var(--monologue);
background-color: hsl(211 41% 74%);
border-color: oklch(0.784 0.05 249.4);
}Tailwind CSS v4
@theme {
--color-monologue: #a1bcd8;
--color-monologue-50: #ebf7ff;
--color-monologue-100: #dce9f8;
--color-monologue-200: #c5d6e9;
--color-monologue-300: #a5bad1;
--color-monologue-400: #88a1bb;
--color-monologue-500: #6d89a6;
--color-monologue-600: #5c748d;
--color-monologue-700: #4a5d71;
--color-monologue-800: #354453;
--color-monologue-900: #242f3a;
--color-monologue-950: #131c24;
}SCSS
$monologue: #a1bcd8;
$monologue-rgb: 161, 188, 216;
$monologue-light: mix(#fff, $monologue, 20%);
$monologue-dark: mix(#000, $monologue, 20%);
.element {
color: $monologue;
box-shadow: 0 0 0 2px rgba($monologue, 0.35);
}