Nearest named color · #A4DADB
#A4DADB
Nearest named color: Opal
#A4DADB (rgb(164 218 219), hsl(181 43% 75%), oklch(0.852 0.055 197.6)) is closest to the named color Opal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A4DADB
oklch(0.852 0.055 197.6)
Color conversions
- HEX
- #a4dadb
- RGB
- rgb(164 218 219)
- HSL
- hsl(181 43% 75%)
- HWB
- hwb(181 64% 14%)
- OKLCH
- oklch(0.852 0.055 197.6)
- OKLab
- oklab(0.852 -0.053 -0.017)
- CIE Lab
- lab(83.34 -17.8 -6.45)
- LCH
- lch(83.34 18.94 199.9)
- CMYK
- cmyk(25% 0% 0% 14%)
Tints · Shades · Tones
Tints
- ADDEDF
- B7E1E2
- C0E5E6
- C9E9E9
- D2EDED
- DBF0F1
- E4F4F4
- EDF8F8
- F6FBFB
Shades
- 8EBDBE
- 79A2A2
- 648787
- 506C6D
- 3D5454
- 2B3C3C
- 1A2526
- 0A1111
- 010202
Tones
- A1D1D2
- 9DC7C8
- 9ABEBF
- 97B5B6
- 93ACAC
- 8FA3A3
- 8C9A9A
- 889191
- 848989
Color harmonies
Complementary +180°
- A4DADB
Opal
- F1C0C1
≈ Silver Strawberry
Analogous -30° +30°
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.62:1 · APCA Lc 78
Best text color: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--opal: #a4dadb;
--opal-rgb: 164 218 219;
--opal-oklch: oklch(0.852 0.055 197.6);
}
.element {
color: var(--opal);
background-color: hsl(181 43% 75%);
border-color: oklch(0.852 0.055 197.6);
}Tailwind CSS v4
@theme {
--color-opal: #a4dadb;
--color-opal-50: #e4fafb;
--color-opal-100: #d4eeef;
--color-opal-200: #badcdd;
--color-opal-300: #97c0c2;
--color-opal-400: #77a9aa;
--color-opal-500: #589293;
--color-opal-600: #4b7b7c;
--color-opal-700: #3c6364;
--color-opal-800: #2a4948;
--color-opal-900: #1c3232;
--color-opal-950: #0c1e1e;
}SCSS
$opal: #a4dadb;
$opal-rgb: 164, 218, 219;
$opal-light: mix(#fff, $opal, 20%);
$opal-dark: mix(#000, $opal, 20%);
.element {
color: $opal;
box-shadow: 0 0 0 2px rgba($opal, 0.35);
}