Named color · #D8DFDA
Rapier Silver
Rapier Silver is #D8DFDA: rgb(216 223 218), hsl(137 10% 86%), oklch(0.897 0.01 155.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rapier Silver color name →
#D8DFDA
oklch(0.897 0.01 155.1)
Color conversions
- HEX
- #d8dfda
- RGB
- rgb(216 223 218)
- HSL
- hsl(137 10% 86%)
- HWB
- hwb(137 85% 13%)
- OKLCH
- oklch(0.897 0.01 155.1)
- OKLab
- oklab(0.897 -0.009 0.004)
- CIE Lab
- lab(88.17 -3.12 1.59)
- LCH
- lch(88.17 3.5 153)
- CMYK
- cmyk(3% 0% 2% 13%)
Tints · Shades · Tones
Tints
- DCE2DE
- E0E5E1
- E4E9E5
- E7ECE9
- EBEFEC
- EFF2F0
- F3F5F4
- F7F9F8
- FBFCFB
Shades
- BCC2BD
- A0A5A2
- 858A87
- 6B6F6C
- 535654
- 3B3D3C
- 252725
- 111211
- 020202
Tones
- CFD5D1
- C6CBC7
- BDC2BE
- B4B8B5
- ABAEAC
- A2A5A3
- 9A9B9A
- 919291
- 888989
Color harmonies
Complementary +180°
- D8DFDA
Rapier Silver
- E1DBE0
≈ Puffball Vapour
Analogous -30° +30°
- D8DFDA
Rapier Silver
- DBDED7
≈ Ladoga Bottom
- D6DFDE
≈ Echo Mist
Triadic +120° +240°
- D8DFDA
Rapier Silver
- DBDDE4
≈ Timid Cloud
- E3DBD8
≈ Chernobog Breath
Split-complementary +150° +210°
- D8DFDA
Rapier Silver
- DEDBE2
≈ Mechagodzilla
- E3DADC
≈ Wishy-Washy Red
Tetradic +90° +180° +270°
- D8DFDA
Rapier Silver
- D8DEE3
≈ Billowing Clouds
- E1DBE0
≈ Puffball Vapour
- E2DCD6
≈ Grim Grey
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.48:1 · APCA Lc 86
Best text color: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--rapier-silver: #d8dfda;
--rapier-silver-rgb: 216 223 218;
--rapier-silver-oklch: oklch(0.897 0.01 155.1);
}
.element {
color: var(--rapier-silver);
background-color: hsl(137 10% 86%);
border-color: oklch(0.897 0.01 155.1);
}Tailwind CSS v4
@theme {
--color-rapier-silver: #d8dfda;
--color-rapier-silver-50: #f3f6f4;
--color-rapier-silver-100: #e5e9e6;
--color-rapier-silver-200: #d1d5d2;
--color-rapier-silver-300: #b3b9b5;
--color-rapier-silver-400: #9aa09c;
--color-rapier-silver-500: #818883;
--color-rapier-silver-600: #6d736f;
--color-rapier-silver-700: #575c59;
--color-rapier-silver-800: #404341;
--color-rapier-silver-900: #2c2f2d;
--color-rapier-silver-950: #191b1a;
}SCSS
$rapier-silver: #d8dfda;
$rapier-silver-rgb: 216, 223, 218;
$rapier-silver-light: mix(#fff, $rapier-silver, 20%);
$rapier-silver-dark: mix(#000, $rapier-silver, 20%);
.element {
color: $rapier-silver;
box-shadow: 0 0 0 2px rgba($rapier-silver, 0.35);
}