Nazwany kolor · #D5DAE0
Hidden Creek
Hidden Creek to #D5DAE0: rgb(213 218 224), hsl(213 15% 86%), oklch(0.886 0.01 252.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Hidden Creek color name →
#D5DAE0
oklch(0.886 0.01 252.8)
Konwersje koloru
- HEX
- #d5dae0
- RGB
- rgb(213 218 224)
- HSL
- hsl(213 15% 86%)
- HWB
- hwb(213 84% 12%)
- OKLCH
- oklch(0.886 0.01 252.8)
- OKLab
- oklab(0.886 -0.003 -0.009)
- CIE Lab
- lab(86.79 -0.92 -3.58)
- LCH
- lch(86.79 3.69 255.6)
- CMYK
- cmyk(5% 3% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9DEE3
- DDE1E6
- E1E5E9
- E6E9EC
- EAECEF
- EEF0F3
- F2F4F6
- F6F8F9
- FBFBFC
Odcienie ciemniejsze
- B9BDC3
- 9EA2A6
- 83878A
- 6A6C70
- 515456
- 3A3C3E
- 242527
- 101112
- 020202
Tony
- CCD1D6
- C3C7CC
- BBBEC2
- B2B5B8
- AAACAF
- A1A3A5
- 999A9C
- 909192
- 888989
Harmonie kolorów
Komplementarna +180°
- D5DAE0
Hidden Creek
- DED9D3
≈ Simple White
Analogowa -30° +30°
- D5DAE0
Hidden Creek
- D3DBDE
≈ Pinwheel Geyser
- D8D9E0
≈ Petal Tip
Triada +120° +240°
- D5DAE0
Hidden Creek
- E0D7D8
≈ Cautious Grey
- D7DBD4
≈ Nurture
Komplementarna rozszczepiona +150° +210°
- D5DAE0
Hidden Creek
- E0D8D4
≈ Napa Dawn
- DADAD3
≈ Silver Creek
Tetrada +90° +180° +270°
- D5DAE0
Hidden Creek
- DED7DB
≈ Pearl Pebble
- DED9D3
≈ Simple White
- D4DCD8
≈ Buckwheat
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.93:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--hidden-creek: #d5dae0;
--hidden-creek-rgb: 213 218 224;
--hidden-creek-oklch: oklch(0.886 0.01 252.8);
}
.element {
color: var(--hidden-creek);
background-color: hsl(213 15% 86%);
border-color: oklch(0.886 0.01 252.8);
}Tailwind CSS v4
@theme {
--color-hidden-creek: #d5dae0;
--color-hidden-creek-50: #f3f5f8;
--color-hidden-creek-100: #e6e8eb;
--color-hidden-creek-200: #d1d4d8;
--color-hidden-creek-300: #b4b8bc;
--color-hidden-creek-400: #9a9fa4;
--color-hidden-creek-500: #82878d;
--color-hidden-creek-600: #6e7277;
--color-hidden-creek-700: #585b5f;
--color-hidden-creek-800: #404346;
--color-hidden-creek-900: #2c2e30;
--color-hidden-creek-950: #191b1c;
}SCSS
$hidden-creek: #d5dae0;
$hidden-creek-rgb: 213, 218, 224;
$hidden-creek-light: mix(#fff, $hidden-creek, 20%);
$hidden-creek-dark: mix(#000, $hidden-creek, 20%);
.element {
color: $hidden-creek;
box-shadow: 0 0 0 2px rgba($hidden-creek, 0.35);
}