Named color · #A6D3E6
Laissez-Faire
Laissez-Faire is #A6D3E6: rgb(166 211 230), hsl(198 56% 78%), oklch(0.841 0.054 225.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Laissez-Faire color name →
#A6D3E6
oklch(0.841 0.054 225.6)
Color conversions
- HEX
- #a6d3e6
- RGB
- rgb(166 211 230)
- HSL
- hsl(198 56% 78%)
- HWB
- hwb(198 65% 10%)
- OKLCH
- oklch(0.841 0.054 225.6)
- OKLab
- oklab(0.841 -0.038 -0.039)
- CIE Lab
- lab(81.83 -12 -14.48)
- LCH
- lch(81.83 18.81 230.4)
- CMYK
- cmyk(28% 8% 0% 10%)
Tints · Shades · Tones
Tints
- AFD7E9
- B8DCEB
- C1E0EE
- CAE5F0
- D3E9F3
- DCEDF5
- E4F2F8
- EDF6FA
- F6FBFD
Shades
- 90B7C8
- 7A9CAB
- 65828E
- 516973
- 3E5159
- 2B3A40
- 1A2428
- 0A1013
- 010203
Tones
- A2CADB
- 9FC2D1
- 9BB9C6
- 97B1BC
- 94A9B2
- 90A0A8
- 8C989E
- 889094
- 84888A
Color harmonies
Complementary +180°
- A6D3E6
Laissez-Faire
- EAC1AE
≈ Zinnwaldite
Analogous -30° +30°
- A6D3E6
Laissez-Faire
- A2D6D6
≈ Smooth Satin
- B4CDEE
≈ Frost Fairy
Triadic +120° +240°
- A6D3E6
Laissez-Faire
- E6BDD3
≈ Child’s Play
- CFCEA5
≈ Heart of Palm
Split-complementary +150° +210°
- A6D3E6
Laissez-Faire
- ECBDBF
≈ Blush Kiss
- E0C7A4
≈ Pure Almond
Tetradic +90° +180° +270°
- A6D3E6
Laissez-Faire
- D9C1E3
≈ Sky Blue Pink
- EAC1AE
≈ Zinnwaldite
- BCD3B1
≈ Jaded Lime
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.08:1 · APCA Lc 76
Best text color: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--laissez-faire: #a6d3e6;
--laissez-faire-rgb: 166 211 230;
--laissez-faire-oklch: oklch(0.841 0.054 225.6);
}
.element {
color: var(--laissez-faire);
background-color: hsl(198 56% 78%);
border-color: oklch(0.841 0.054 225.6);
}Tailwind CSS v4
@theme {
--color-laissez-faire: #a6d3e6;
--color-laissez-faire-50: #e6f9ff;
--color-laissez-faire-100: #d6ecf6;
--color-laissez-faire-200: #bdd9e7;
--color-laissez-faire-300: #9bbdcd;
--color-laissez-faire-400: #7ca6b7;
--color-laissez-faire-500: #5e8ea2;
--color-laissez-faire-600: #507889;
--color-laissez-faire-700: #40606d;
--color-laissez-faire-800: #2d4750;
--color-laissez-faire-900: #1f3138;
--color-laissez-faire-950: #0e1d22;
}SCSS
$laissez-faire: #a6d3e6;
$laissez-faire-rgb: 166, 211, 230;
$laissez-faire-light: mix(#fff, $laissez-faire, 20%);
$laissez-faire-dark: mix(#000, $laissez-faire, 20%);
.element {
color: $laissez-faire;
box-shadow: 0 0 0 2px rgba($laissez-faire, 0.35);
}