Named color · #B6C4DD
Purpletini
Purpletini is #B6C4DD: rgb(182 196 221), hsl(218 36% 79%), oklch(0.818 0.038 262.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Purpletini color name →
#B6C4DD
oklch(0.818 0.038 262.1)
Color conversions
- HEX
- #b6c4dd
- RGB
- rgb(182 196 221)
- HSL
- hsl(218 36% 79%)
- HWB
- hwb(218 71% 13%)
- OKLCH
- oklch(0.818 0.038 262.1)
- OKLab
- oklab(0.818 -0.005 -0.038)
- CIE Lab
- lab(78.67 -1.09 -14.23)
- LCH
- lch(78.67 14.28 265.6)
- CMYK
- cmyk(18% 11% 0% 13%)
Tints · Shades · Tones
Tints
- BDCAE0
- C4D0E4
- CBD5E7
- D3DBEB
- DAE1EE
- E1E7F2
- E9EDF5
- F0F3F8
- F8F9FC
Shades
- 9EAAC0
- 8691A4
- 6F7888
- 59616E
- 444A55
- 30353D
- 1D2126
- 0C0E11
- 020202
Tones
- B0BDD3
- ABB6CA
- A5AFC0
- A0A8B7
- 9BA1AE
- 959BA4
- 90949B
- 8B8D92
- 858789
Color harmonies
Complementary +180°
- B6C4DD
Purpletini
- D0C1A8
≈ Baja
Analogous -30° +30°
- B6C4DD
Purpletini
- ABC8D8
≈ Sonata
- C3BFDB
≈ Purple Dragon
Triadic +120° +240°
- B6C4DD
Purpletini
- DBBAB8
≈ Rose Hip Tonic
- B6CAB3
≈ Healing Aloe
Split-complementary +150° +210°
- B6C4DD
Purpletini
- D8BDAD
≈ Linen Cloth
- C3C6AA
≈ Balance Green
Tetradic +90° +180° +270°
- B6C4DD
Purpletini
- D8BAC6
≈ Spring Boutique
- D0C1A8
≈ Baja
- ABCCC0
≈ Baby Aqua
Contrast & accessibility
Ag
FailOn white
WCAG 1.76:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.92:1 · APCA Lc 70
Best text color: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--purpletini: #b6c4dd;
--purpletini-rgb: 182 196 221;
--purpletini-oklch: oklch(0.818 0.038 262.1);
}
.element {
color: var(--purpletini);
background-color: hsl(218 36% 79%);
border-color: oklch(0.818 0.038 262.1);
}Tailwind CSS v4
@theme {
--color-purpletini: #b6c4dd;
--color-purpletini-50: #f0f5ff;
--color-purpletini-100: #e1e8f5;
--color-purpletini-200: #ccd4e5;
--color-purpletini-300: #adb8cc;
--color-purpletini-400: #929fb6;
--color-purpletini-500: #7887a0;
--color-purpletini-600: #667287;
--color-purpletini-700: #515b6d;
--color-purpletini-800: #3b4350;
--color-purpletini-900: #282e38;
--color-purpletini-950: #161b22;
}SCSS
$purpletini: #b6c4dd;
$purpletini-rgb: 182, 196, 221;
$purpletini-light: mix(#fff, $purpletini, 20%);
$purpletini-dark: mix(#000, $purpletini, 20%);
.element {
color: $purpletini;
box-shadow: 0 0 0 2px rgba($purpletini, 0.35);
}