Skip to main content

Home Tools Colors Palettes Articles

Loading page

ColorForge is a professional color platform for designers and developers: palettes, contrast checking, format conversion, gradients, and accessible color scales — all in one place.

A project of Aire Solutions

Office# 23, Lane# 1, Garden Vista Colony, Dollian, Wah Cantt, Punjab, Pakistan

Explore

Home
Tools
Colors
Palettes
Articles

Company

My Palettes
About Us
Contact Us
Design System

Legal

Privacy Policy
Cookie Policy
Terms of Use
Disclaimer
Advertising Disclosure
Accessibility Statement
Cookie Preferences

© 2026 ColorForge, a project of Aire Solutions. All rights reserved.

Every tool runs in your browser — your data never leaves it.

Home
Colors
#22BAD2

#22BAD2

Every representation of #22BAD2, its WCAG contrast behavior, and related colors worth exploring. Click any value to copy it.

AaAa

Relative luminance: 0.4011
Brightness: 143 / 255
Reads as: A light color — pair it with dark text.

Color formats

HEX: #22bad2
RGB: rgb(34, 186, 210)
RGBA: rgba(34, 186, 210, 1)
CMYK: cmyk(84%, 11%, 0%, 18%)
HSV: hsv(188°, 84%, 82%)
HSL: hsl(188, 72%, 48%)
LAB: lab(69.55% -28.88 -22.73)
XYZ: xyz(29.85, 40.11, 67.13)

Accessibility

WCAG 2 contrast for #22BAD2 as a text color on the two most common surfaces.

On white

Fail

The quick brown fox jumps over the lazy dog.

Contrast ratio: 2.33:1

AA normal textFail
AA large textFail
AAA normal textFail
AAA large textFail
UI componentsFail

On black

AAA

The quick brown fox jumps over the lazy dog.

Contrast ratio: 9.02:1

AA normal textPass
AA large textPass
AAA normal textPass
AAA large textPass
UI componentsPass

Related colors

Shades (darker)

#1c9baf #177c8c #115d69 #0b3e46 #061f23

Tints (lighter)

#40cae0 #66d5e6 #8ddfec #b3eaf3 #d9f4f9

Harmonies (complementary, analogous, triadic)

#d23a22 #22d292 #2262d2 #d222ba #bad222

#22BAD2 Color | ColorForge