Skip to the color picker

#bafcc3 color: Coastal Trim

#bafcc3 is rgb(186, 252, 195) in RGB and oklch(93.229% 0.10134 148.317) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

128°
100%

93.2%
0.101
148°
  • Green
  • Very light
  • Vivid
  • Pastel
  • Neutral
  • ≈ Aquamarine
  • green-200
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.18:1Hard to read
Lc -10
Black text
17.80:1Readable · AA
Lc 95

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 #bafcc3

#bafcc3 is a pastel very light green color. In OKLCH it has 93.2% lightness, 0.101 chroma and a hue of 148°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.18:1 contrast and black text 17.8:1, so black text reads better.

The closest named color is Coastal Trim (#bdffca). In Tailwind CSS the closest color is green-200.

More very light green colors

Lighter: #bafcc3 mixed with white

  1. bafcc3
  2. c1fcc9
  3. c9fdcf
  4. d0fdd5
  5. d7fedb
  6. defee1
  7. e5fee7
  8. ebfeed
  9. f2fff3
  10. f8fff9

Darker: #bafcc3 mixed with black

  1. bafcc3
  2. a1dba9
  3. 89bb90
  4. 729c78
  5. 5c7e60
  6. 46624a
  7. 324734
  8. 1e2d20
  9. 0d160e
  10. 020302

Calmer: #bafcc3 with less saturation

  1. bafcc3
  2. bffac7
  3. c4f8cb
  4. c9f6cf
  5. cef5d2
  6. d3f3d6
  7. d7f1da
  8. dcefde
  9. e0ede1
  10. e4ebe5

Questions about #bafcc3

What color is #bafcc3?

#bafcc3 is pastel very light green. The closest named color is Coastal Trim. In RGB it is rgb(186, 252, 195), in HSL hsl(128.18, 91.67%, 85.88%) and in OKLCH oklch(93.229% 0.10134 148.317).

What colors go well with #bafcc3?

The complementary color of #bafcc3 is #ffd4ff. For a calmer combination use the analogous colors #e2f3a5 and #99ffe9. The triadic partners are #d9e8ff and #ffdbd4.

Is white or black text more readable on #bafcc3?

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

Is #bafcc3 a warm or cool color?

#bafcc3 is a neutral color. In OKLCH its hue is 148 degrees, its lightness 93.2% and its chroma 0.101.