Skip to the color picker

#bafecf color: Coastal Trim

#bafecf is rgb(186, 254, 207) in RGB and oklch(93.942% 0.09305 154.127) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

139°
100%

93.9%
0.093
154°
  • Emerald
  • Very light
  • Vivid
  • Pastel
  • Cool
  • ≈ Aquamarine
  • green-200
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.16:1Hard to read
Lc -9
Black text
18.17:1Readable · AA
Lc 96

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

#bafecf is a pastel very light emerald color. In OKLCH it has 93.9% lightness, 0.093 chroma and a hue of 154°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.16:1 contrast and black text 18.17: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 emerald colors

Lighter: #bafecf mixed with white

  1. bafecf
  2. c1fed4
  3. c9fed9
  4. d0ffde
  5. d7ffe2
  6. deffe7
  7. e5ffec
  8. ebfff1
  9. f2fff5
  10. f9fffa

Darker: #bafecf mixed with black

  1. bafecf
  2. a1ddb4
  3. 89bd99
  4. 729e7f
  5. 5c8067
  6. 46634f
  7. 324738
  8. 1e2d23
  9. 0d1610
  10. 020302

Calmer: #bafecf with less saturation

  1. bafecf
  2. c0fcd2
  3. c5fad5
  4. caf9d8
  5. cff7da
  6. d4f5dd
  7. d9f3e0
  8. ddf1e3
  9. e2efe5
  10. e6ede8

Questions about #bafecf

What color is #bafecf?

#bafecf is pastel very light emerald. The closest named color is Coastal Trim. In RGB it is rgb(186, 254, 207), in HSL hsl(138.53, 97.14%, 86.27%) and in OKLCH oklch(93.942% 0.09305 154.127).

What colors go well with #bafecf?

The complementary color of #bafecf is #ffd8ff. For a calmer combination use the analogous colors #def6b1 and #a0fff2. The triadic partners are #e0e9ff and #ffdfd4.

Is white or black text more readable on #bafecf?

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

Is #bafecf a warm or cool color?

#bafecf is a cool color. In OKLCH its hue is 154 degrees, its lightness 93.9% and its chroma 0.093.