Named color · #BDDACA
Dusty Aqua
Dusty Aqua is #BDDACA: rgb(189 218 202), hsl(147 28% 80%), oklch(0.863 0.038 161.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Dusty Aqua color name →
#BDDACA
oklch(0.863 0.038 161.4)
Color conversions
- HEX
- #bddaca
- RGB
- rgb(189 218 202)
- HSL
- hsl(147 28% 80%)
- HWB
- hwb(147 74% 15%)
- OKLCH
- oklch(0.863 0.038 161.4)
- OKLab
- oklab(0.863 -0.036 0.012)
- CIE Lab
- lab(84.57 -12.29 4.5)
- LCH
- lch(84.57 13.08 159.9)
- CMYK
- cmyk(13% 0% 7% 15%)
Tints · Shades · Tones
Tints
- C4DECF
- CAE1D4
- D1E5DA
- D7E9DF
- DEECE4
- E5F0EA
- EBF4EF
- F2F8F4
- F8FBFA
Shades
- A4BDAF
- 8CA295
- 74877C
- 5D6C64
- 47544D
- 333C37
- 1F2522
- 0D110F
- 020202
Tones
- B7D1C2
- B1C7BB
- AABEB3
- A4B5AC
- 9EACA4
- 98A39D
- 929A96
- 8C918E
- 868987
Color harmonies
Complementary +180°
- BDDACA
Dusty Aqua
- E4C9D9
≈ Kiss Good Night
Analogous -30° +30°
- BDDACA
Dusty Aqua
- C9D7BE
≈ Canary Green
- B6DAD8
≈ Ring Box Blue
Triadic +120° +240°
- BDDACA
Dusty Aqua
- CDCFEB
≈ Frozen Periwinkle
- E9CABF
≈ Au Naturel
Split-complementary +150° +210°
- BDDACA
Dusty Aqua
- DACBE4
≈ Bashful Pansy
- E9C8CB
≈ English Rosebud
Tetradic +90° +180° +270°
- BDDACA
Dusty Aqua
- C0D4EB
≈ Light Water Wash
- E4C9D9
≈ Kiss Good Night
- E2CEB7
≈ Comfort
Contrast & accessibility
Ag
FailOn white
WCAG 1.49:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.04:1 · APCA Lc 80
Best text color: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--dusty-aqua: #bddaca;
--dusty-aqua-rgb: 189 218 202;
--dusty-aqua-oklch: oklch(0.863 0.038 161.4);
}
.element {
color: var(--dusty-aqua);
background-color: hsl(147 28% 80%);
border-color: oklch(0.863 0.038 161.4);
}Tailwind CSS v4
@theme {
--color-dusty-aqua: #bddaca;
--color-dusty-aqua-50: #ecf9f2;
--color-dusty-aqua-100: #ddece4;
--color-dusty-aqua-200: #c6dad0;
--color-dusty-aqua-300: #a7beb2;
--color-dusty-aqua-400: #8ba697;
--color-dusty-aqua-500: #708e7e;
--color-dusty-aqua-600: #5f786b;
--color-dusty-aqua-700: #4c6055;
--color-dusty-aqua-800: #37473e;
--color-dusty-aqua-900: #26312a;
--color-dusty-aqua-950: #141d18;
}SCSS
$dusty-aqua: #bddaca;
$dusty-aqua-rgb: 189, 218, 202;
$dusty-aqua-light: mix(#fff, $dusty-aqua, 20%);
$dusty-aqua-dark: mix(#000, $dusty-aqua, 20%);
.element {
color: $dusty-aqua;
box-shadow: 0 0 0 2px rgba($dusty-aqua, 0.35);
}