What Color isCyan / Aqua?

#22F7F3

What Color is Cyan / Aqua

Cyan / Aqua (Hex #22F7F3) is a intense, high-saturation, medium-toned shade of cyan. As a cool color, it pairs exceptionally well with contrasting reds. Get RGB values, find matching paints, and download Cyan / Aqua palettes.

What color is opposite Cyan / Aqua?

The opposite color to Cyan / Aqua is Red Orange (#f72225).

View Red Orange

Additional Information

  • Color Family: Green
  • Temperature: Cool
  • Associated Season: Spring
  • Complementary Color: #F72225
  • Brightness: 183/255
  • Saturation: 86%

Colors That Pair Well With Cyan / Aqua

Complementary

Pair with Red Orange for a harmonious, balanced look. Great for backgrounds and accents.

#22F7F3#f72225

High Contrast

Use Pomegranate for maximum readability. Ideal for text or critical UI elements.

#22F7F3#dd080c

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#7afaf8#117c7a

Color Conversions

Hex
#22F7F3
RGB
34, 247, 243
RGB %
13%, 97%, 95%
HSL
179°, 93%, 55%
HSV
179°, 86%, 97%
CMYK
86%, 0%, 2%, 3%
LAB
88.61, -47.00, -11.63
XYZ
50.10, 73.33, 96.31

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #22F7F3;
Text Color (RGB)
Aa
color: rgb(34, 247, 243);
Background Color
background-color: #22F7F3;
Border
border: 3px solid #22F7F3;
Box Shadow
box-shadow: 0 4px 12px #22F7F366;
Gradient
background: linear-gradient(135deg, #22F7F3 0%, #ffffff 100%);
Cushion Mockup

Shop Premium Products in Cyan / Aqua

Visualize and buy custom cushions made in this exact shade.

MaterialEco Velvet
Size30cm x 30cm
Color
Cyan / Aqua

Made to order. Ships in 3-5 business days.

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Backing: Stone coloured back (or double-sided print).
  • Print: Edge-to-edge vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Cyan / Aqua?

Explore color palettes containing Cyan / Aqua and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Light Malachite Green

#181#44C3BF

Buy

Prismacolor

Light Aqua

#PC992#68CDC4

Buy

Polychromos

cobalt green

#156#01BABD

Buy
As an Amazon Associate we earn from qualifying purchases.

Similar Colors

Colors with similar hex values and appearance to Cyan / Aqua

Frequently Asked Questions

What is the hex code for Cyan / Aqua?
The hex code for Cyan / Aqua is #22F7F3. The RGB values are (34, 247, 243). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Cyan / Aqua?
Cyan / Aqua pairs well with its complementary color, Red Orange (#f72225). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Cyan / Aqua accessible for text?
No, Cyan / Aqua is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Cyan / Aqua in CSS?

You can use Cyan / Aqua in CSS with its hex code. Here is an example class:

.cyan-aqua {
  background-color: #22F7F3;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.