Skip to the color picker

#baadda color: Purple Hibiscus

#baadda is rgb(186, 173, 218) in RGB and oklch(77.364% 0.0648 298.102) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

257°
100%

77.4%
0.065
298°
  • Violet
  • Light
  • Soft
  • Dusty
  • Cool
  • ≈ Lilac
  • violet-300
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
2.08:1Hard to read
Lc -45
Black text
10.08:1Readable · AA
Lc 63

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #baadda

#baadda is a dusty light violet color. In OKLCH it has 77.4% lightness, 0.065 chroma and a hue of 298°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.08:1 contrast and black text 10.08:1, so black text reads better.

The closest named color is Purple Hibiscus (#b6add8). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #baadda mixed with white

  1. baadda
  2. c1b5de
  3. c7bde2
  4. cec5e5
  5. d5cde9
  6. dcd6ed
  7. e3def1
  8. eae6f4
  9. f1eef8
  10. f8f7fb

Darker: #baadda mixed with black

  1. baadda
  2. a196bd
  3. 897fa2
  4. 726a87
  5. 5c556c
  6. 464154
  7. 322d3c
  8. 1e1b25
  9. 0d0b11
  10. 020102

Calmer: #baadda with less saturation

  1. baadda
  2. b9aed6
  3. b9afd3
  4. b8b0cf
  5. b8b1cc
  6. b7b1c8
  7. b7b2c4
  8. b7b3c0
  9. b6b4bd
  10. b6b4b9

Questions about #baadda

What color is #baadda?

#baadda is dusty light violet. The closest named color is Purple Hibiscus. In RGB it is rgb(186, 173, 218), in HSL hsl(257.33, 37.82%, 76.67%) and in OKLCH oklch(77.364% 0.0648 298.102).

What colors go well with #baadda?

The complementary color of #baadda is #b1bc8d. For a calmer combination use the analogous colors #a4b5e0 and #cda7cb. The triadic partners are #d6ac8d and #88c3b5.

Is white or black text more readable on #baadda?

Black text reads better on #baadda: white gives a contrast ratio of 2.08:1 and black gives 10.08:1. WCAG AA asks for at least 4.5:1 for body text.

Is #baadda a warm or cool color?

#baadda is a cool color. In OKLCH its hue is 298 degrees, its lightness 77.4% and its chroma 0.065.