Nearest named color · #C4E6DB
#C4E6DB
Nearest named color: Antiguan
#C4E6DB (rgb(196 230 219), hsl(161 40% 84%), oklch(0.897 0.039 173.9)) is closest to the named color Antiguan. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C4E6DB
oklch(0.897 0.039 173.9)
Color conversions
- HEX
- #c4e6db
- RGB
- rgb(196 230 219)
- HSL
- hsl(161 40% 84%)
- HWB
- hwb(161 77% 10%)
- OKLCH
- oklch(0.897 0.039 173.9)
- OKLab
- oklab(0.897 -0.038 0.004)
- CIE Lab
- lab(88.59 -13.14 1.45)
- LCH
- lch(88.59 13.22 173.7)
- CMYK
- cmyk(15% 0% 5% 10%)
Tints · Shades · Tones
Tints
- CAE9DF
- D0EBE2
- D6EEE6
- DCF0E9
- E2F3ED
- E8F5F0
- EDF8F4
- F3FAF8
- F9FDFB
Shades
- AAC8BE
- 91ABA2
- 788E87
- 61736D
- 4A5954
- 35403C
- 212826
- 0E1311
- 020302
Tones
- BDDBD2
- B6D1C8
- AFC6BF
- A9BCB6
- A2B2AC
- 9BA8A3
- 949D9A
- 8D9491
- 878A89
Color harmonies
Complementary +180°
- C4E6DB
Antiguan
- F3D3DF
≈ Pomodoro e Mozzarella
Analogous -30° +30°
- C4E6DB
Antiguan
- CEE4CD
≈ Lime Flip
- C0E5E9
≈ La Paz Siesta
Triadic +120° +240°
- C4E6DB
Antiguan
- DED9F5
≈ Nostalgia Perfume
- F3D7C6
≈ Resort Sunrise
Split-complementary +150° +210°
- C4E6DB
Antiguan
- EAD5EC
≈ First Lilac
- F6D4D1
≈ Ballet
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.68:1 · APCA Lc 87
Best text color: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--antiguan: #c4e6db;
--antiguan-rgb: 196 230 219;
--antiguan-oklch: oklch(0.897 0.039 173.9);
}
.element {
color: var(--antiguan);
background-color: hsl(161 40% 84%);
border-color: oklch(0.897 0.039 173.9);
}Tailwind CSS v4
@theme {
--color-antiguan: #c4e6db;
--color-antiguan-50: #eaf9f5;
--color-antiguan-100: #dbece7;
--color-antiguan-200: #c4dad3;
--color-antiguan-300: #a4beb6;
--color-antiguan-400: #88a69d;
--color-antiguan-500: #6c8f84;
--color-antiguan-600: #5c7970;
--color-antiguan-700: #496159;
--color-antiguan-800: #354741;
--color-antiguan-900: #24312d;
--color-antiguan-950: #131d1a;
}SCSS
$antiguan: #c4e6db;
$antiguan-rgb: 196, 230, 219;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}