What Color Is ADECCE?
The hex code #ADECCE produces a vivid very light cyan. It breaks down into RGB channels of 173 red, 236 green, and 206 blue, placing it firmly in the cyan color family. On the HSL model, it sits at 151° on the color wheel with 62% saturation — giving it a vibrant quality — and 80% lightness, making it very light. The perceived brightness is 84% (214/255), meaning dark text (#1a1a2e) will provide optimal readability when layered on top.
ADECCE Color Values
What Does ADECCE Mean in Design?
Cyan tones convey freshness, clarity, tranquility, and open communication. As a very light variant with 62% saturation, #ADECCE carries a vibrant energy that makes it suitable for both primary and supporting roles in design systems. In color psychology, cyan tones are associated with calm and trustworthiness, making #ADECCE ideal for brands that need to project reliability and serenity.
Where to Use ADECCE — Practical Applications
#ADECCE as a full-bleed background with dark text (#1a1a2e) overlay text for immediate visual impact on landing pages.rgba(173, 236, 206, 0.15)) for subtle card surfaces that add depth without overwhelming content.#8ABDA5) for clear interactive feedback.#ADECCE as the primary swatch, using #ECACCB as the complementary accent.#CDACEC and #ECCDAC for a triadic scheme that maximizes readability.#ADECCE backgrounds with white typography overlays.#ADECCE to #C2F1DA for eye-catching newsletter designs.ADECCE Color Combinations
These are mathematically calculated color harmonies based on the 151° hue position of #ADECCE on the color wheel. Use them to build balanced, professional palettes.
Similar Colors to ADECCE
Colors visually close to #ADECCE with subtle variations in hue, saturation, or brightness. Useful for creating gradient transitions, hover states, and layered interface designs.
Tints and Shades of ADECCE
A tint is made by mixing #ADECCE with white (increasing lightness), while a shade is made by mixing with black (decreasing lightness). These variations are essential for creating depth, hierarchy, and interactive states in UI design.
How to Use ADECCE in CSS
Copy-ready CSS code snippets for implementing #ADECCE in your stylesheets. Includes custom properties, gradients, and opacity variants.
.element {
color: #ADECCE;
background-color: #ADECCE;
border: 2px solid #ADECCE;
box-shadow: 0 4px 14px rgba(173, 236, 206, 0.35);
}
/* CSS Custom Property */
:root {
--color-primary: #ADECCE;
--color-primary-light: #C2F1DA;
--color-primary-dark: #8ABDA5;
--color-primary-rgb: 173, 236, 206;
}
/* Gradient example */
.gradient-bg {
background: linear-gradient(135deg, #ADECCE 0%, #ACEBEC 100%);
}
/* RGBA with opacity */
.overlay {
background: rgba(173, 236, 206, 0.15);
}ADECCE in Design Systems
When integrating #ADECCE into a design system, define it as a semantic token: --color-cyan-very-light: #ADECCE;. For WCAG 2.1 AA compliance, pair it with dark text (#1a1a2e) for body text. The lighter tint #C2F1DA works for subtle surface fills, while the darker shade #8ABDA5 is ideal for focus rings and active states. In Figma or Sketch, add it to your shared library as Cyan/Very-Light so the entire team references the single source of truth.
Accessibility Considerations for ADECCE
Since #ADECCE is a light color (brightness 84%), use dark text to meet WCAG 2.1 contrast requirements. A foreground of #1a1a2e on a #ADECCE background will pass AA for normal text and AAA for large text. Always test with tools like the ColorPickerCode contrast checker before shipping to production.
Frequently Asked Questions About ADECCE
What color is #ADECCE?
#ADECCE is a vivid very light cyan with RGB(173, 236, 206) and HSL(151°, 62%, 80%). It belongs to the cyan family.What is the RGB value of ADECCE?
Is #ADECCE dark or light?
What is the CMYK of ADECCE?
What colors go well with #ADECCE?
How do I use ADECCE in CSS?
color: #ADECCE; for text, background-color: #ADECCE; for backgrounds, border: 2px solid #ADECCE; for borders.