#85FFBA

#85FFBA

Color Values

HEX

#85FFBA

RGB

133, 255, 186

HSL

146,1, 100,0%, 76,1%

HSV

146,1, 47,8%, 100,0%

CMYK

47,8%, 0,0%, 27,1%, 0,0%

OKLCH

0,9111 0,1471 157,0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#85FFBA

#FF85CA

Analogous

#8DFF85

#85FFF7

#85FFBA

Triadic

#85FFBA

#BA85FF

#FFBA85

Split Complementary

#85FFBA

#F785FF

#FF858D

Tetradic

#85FFBA

#858DFF

#FF85CA

#FFF785

Color Blindness Simulation

Original

#85FFBA

Protanopia

#BABBCB

Deuteranopia

#B3AACF

Tritanopia

#8BD8DB

Achromatopsia

#E0E0E0

CSS Usage

background-color: #85FFBA;
color: #85FFBA;
border-color: #85FFBA;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF7
100
#DEFCEB
200
#B8FFD7
300
#85FFBA
400
#42FF94
500
#00FF6F
600
#00CC59
700
#00A347
800
#008037
900
#055C2B
950
#033A1B

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026