Named color · #DECADE
Decadial Pink
Decadial Pink is #DECADE: rgb(222 202 222), hsl(300 23% 83%), oklch(0.861 0.035 325.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Decadial Pink color name →
#DECADE
oklch(0.861 0.035 325.9)
Color conversions
- HEX
- #decade
- RGB
- rgb(222 202 222)
- HSL
- hsl(300 23% 83%)
- HWB
- hwb(300 79% 13%)
- OKLCH
- oklch(0.861 0.035 325.9)
- OKLab
- oklab(0.861 0.029 -0.02)
- CIE Lab
- lab(83.45 9.84 -7.29)
- LCH
- lch(83.45 12.24 323.5)
- CMYK
- cmyk(0% 9% 0% 13%)
Tints · Shades · Tones
Tints
- E1CFE1
- E5D4E5
- E8DAE8
- EBDFEB
- EFE4EE
- F2EAF2
- F5EFF5
- F8F4F8
- FCFAFC
Shades
- C1AFC1
- A595A5
- 897C89
- 6F646F
- 554D55
- 3D373D
- 262226
- 120F12
- 020202
Tones
- D4C2D4
- CBBBCA
- C1B3C1
- B7ACB7
- AEA4AE
- A59DA4
- 9B969B
- 928E92
- 898789
Color harmonies
Complementary +180°
- DECADE
Decadial Pink
- C4D8C4
≈ Edgewater
Analogous -30° +30°
- DECADE
Decadial Pink
- D3CDE6
≈ Vision
- E5C9D2
≈ Sweet and Sassy
Triadic +120° +240°
- DECADE
Decadial Pink
- DCD0B8
≈ Lion of Hadrian
- B8D9DD
≈ Light Watermark
Split-complementary +150° +210°
- DECADE
Decadial Pink
- D0D5BB
≈ Green Frost
- BBD9D0
≈ Serene Breeze
Tetradic +90° +180° +270°
- DECADE
Decadial Pink
- E4CCBC
≈ Peach Brick
- C4D8C4
≈ Edgewater
- BDD6E6
≈ Light Tidal Foam
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.60:1 · APCA Lc 78
Best text color: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--decadial-pink: #decade;
--decadial-pink-rgb: 222 202 222;
--decadial-pink-oklch: oklch(0.861 0.035 325.9);
}
.element {
color: var(--decadial-pink);
background-color: hsl(300 23% 83%);
border-color: oklch(0.861 0.035 325.9);
}Tailwind CSS v4
@theme {
--color-decadial-pink: #decade;
--color-decadial-pink-50: #fbf2fa;
--color-decadial-pink-100: #efe4ee;
--color-decadial-pink-200: #ddcfdc;
--color-decadial-pink-300: #c2b1c1;
--color-decadial-pink-400: #aa98aa;
--color-decadial-pink-500: #937e93;
--color-decadial-pink-600: #7c6b7c;
--color-decadial-pink-700: #635663;
--color-decadial-pink-800: #493e49;
--color-decadial-pink-900: #322b33;
--color-decadial-pink-950: #1e181f;
}SCSS
$decadial-pink: #decade;
$decadial-pink-rgb: 222, 202, 222;
$decadial-pink-light: mix(#fff, $decadial-pink, 20%);
$decadial-pink-dark: mix(#000, $decadial-pink, 20%);
.element {
color: $decadial-pink;
box-shadow: 0 0 0 2px rgba($decadial-pink, 0.35);
}