#abaffe color: Shy Moment
#abaffe is rgb(171, 175, 254) in RGB and oklch(78.071% 0.11225 281.228) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Indigo
- Light
- Vivid
- Cool
- ≈ Mauve
- indigo-300
- Black 0%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #abaffe
#abaffe is a bright light indigo color. In OKLCH it has 78.1% lightness, 0.112 chroma and a hue of 281°.
Inside sRGB: displays the same on any screen.
White text on it reaches 2.04:1 contrast and black text 10.29:1, so black text reads better.
The closest named color is Shy Moment (#aaaaff). In Tailwind CSS the closest color is indigo-300.
Lighter: #abaffe mixed with white
Darker: #abaffe mixed with black
Calmer: #abaffe with less saturation
Similar named colors
Colors that go with #abaffe
Questions about #abaffe
What color is #abaffe?
#abaffe is bright light indigo. The closest named color is Shy Moment. In RGB it is rgb(171, 175, 254), in HSL hsl(237.11, 97.65%, 83.33%) and in OKLCH oklch(78.071% 0.11225 281.228).
What colors go well with #abaffe?
The complementary color of #abaffe is #c7ba60. For a calmer combination use the analogous colors #80bcfd and #cfa3ec. The triadic partners are #f59f7f and #70cea1.
Is white or black text more readable on #abaffe?
Black text reads better on #abaffe: white gives a contrast ratio of 2.04:1 and black gives 10.29:1. WCAG AA asks for at least 4.5:1 for body text.
Is #abaffe a warm or cool color?
#abaffe is a cool color. In OKLCH its hue is 281 degrees, its lightness 78.1% and its chroma 0.112.