Nazwany kolor · #D5DAE1
Rivulet
Rivulet to #D5DAE1: rgb(213 218 225), hsl(215 17% 86%), oklch(0.887 0.011 256.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rivulet color name →
#D5DAE1
oklch(0.887 0.011 256.7)
Konwersje koloru
- HEX
- #d5dae1
- RGB
- rgb(213 218 225)
- HSL
- hsl(215 17% 86%)
- HWB
- hwb(215 84% 12%)
- OKLCH
- oklch(0.887 0.011 256.7)
- OKLab
- oklab(0.887 -0.003 -0.011)
- CIE Lab
- lab(86.81 -0.78 -4.07)
- LCH
- lch(86.81 4.14 259.2)
- CMYK
- cmyk(5% 3% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9DEE4
- DDE1E7
- E1E5EA
- E6E9ED
- EAECF0
- EEF0F3
- F2F4F6
- F6F8F9
- FBFBFC
Odcienie ciemniejsze
- B9BDC4
- 9EA2A7
- 83878B
- 6A6C70
- 515456
- 3A3C3E
- 242527
- 101112
- 020202
Tony
- CCD1D7
- C3C7CD
- BBBEC3
- B2B5B9
- AAACAF
- A1A3A6
- 999A9C
- 909193
- 888989
Harmonie kolorów
Komplementarna +180°
- D5DAE1
Rivulet
- DED9D2
≈ Simple White
Analogowa -30° +30°
- D5DAE1
Rivulet
- D2DBDF
≈ Pinwheel Geyser
- D9D9E1
≈ Misty Lavender
Triada +120° +240°
- D5DAE1
Rivulet
- E1D7D7
≈ Pink Organdy
- D6DBD4
≈ Silvery Streak
Komplementarna rozszczepiona +150° +210°
- D5DAE1
Rivulet
- E0D8D4
≈ Napa Dawn
- DADAD2
≈ Silver Creek
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.94:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--rivulet: #d5dae1;
--rivulet-rgb: 213 218 225;
--rivulet-oklch: oklch(0.887 0.011 256.7);
}
.element {
color: var(--rivulet);
background-color: hsl(215 17% 86%);
border-color: oklch(0.887 0.011 256.7);
}Tailwind CSS v4
@theme {
--color-rivulet: #d5dae1;
--color-rivulet-50: #f3f5f8;
--color-rivulet-100: #e6e8ec;
--color-rivulet-200: #d1d4d9;
--color-rivulet-300: #b4b8bd;
--color-rivulet-400: #9a9fa5;
--color-rivulet-500: #82878e;
--color-rivulet-600: #6e7278;
--color-rivulet-700: #585b60;
--color-rivulet-800: #404346;
--color-rivulet-900: #2c2e31;
--color-rivulet-950: #191b1d;
}SCSS
$rivulet: #d5dae1;
$rivulet-rgb: 213, 218, 225;
$rivulet-light: mix(#fff, $rivulet, 20%);
$rivulet-dark: mix(#000, $rivulet, 20%);
.element {
color: $rivulet;
box-shadow: 0 0 0 2px rgba($rivulet, 0.35);
}