Colore con nome · #D8CDC4
River Rock
River Rock è #D8CDC4: rgb(216 205 196), hsl(27 20% 81%), oklch(0.855 0.017 61.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · River Rock color name →
#D8CDC4
oklch(0.855 0.017 61.9)
Conversioni di colore
- HEX
- #d8cdc4
- RGB
- rgb(216 205 196)
- HSL
- hsl(27 20% 81%)
- HWB
- hwb(27 77% 15%)
- OKLCH
- oklch(0.855 0.017 61.9)
- OKLab
- oklab(0.855 0.008 0.015)
- CIE Lab
- lab(83.12 2.81 5.93)
- LCH
- lch(83.12 6.56 64.7)
- CMYK
- cmyk(0% 5% 9% 15%)
Tinte · Ombre · Toni
Tinte
- DCD2CA
- E0D7D0
- E4DCD5
- E8E1DB
- EBE6E1
- EFEBE7
- F3F0ED
- F7F5F3
- FBFAF9
Ombre
- BCB2AA
- A09891
- 857E78
- 6B6661
- 534E4A
- 3B3835
- 252321
- 110F0E
- 020202
Toni
- CFC5BD
- C6BDB6
- BDB5AF
- B4ADA8
- ABA6A1
- A29E9B
- 9A9694
- 918F8D
- 888787
Armonie di colore
Complementare +180°
- D8CDC4
River Rock
- C6D1DA
≈ Polished Silver
Analogo -30° +30°
- D8CDC4
River Rock
- DACBC8
≈ Nut Milk
- D3CFC3
≈ Silver Birch
Triadico +120° +240°
- D8CDC4
River Rock
- C4D3D0
≈ Winter Garden
- D1CDD9
≈ Kundalini Bliss
Complementare divisa +150° +210°
- D8CDC4
River Rock
- C3D3D6
≈ Scandinavian Sky
- CBCFDB
≈ Pale Shale
Tetradico +90° +180° +270°
- D8CDC4
River Rock
- C7D3CA
≈ Milky Green
- C6D1DA
≈ Polished Silver
- D6CBD4
≈ Purple Cream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.44:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--river-rock: #d8cdc4;
--river-rock-rgb: 216 205 196;
--river-rock-oklch: oklch(0.855 0.017 61.9);
}
.element {
color: var(--river-rock);
background-color: hsl(27 20% 81%);
border-color: oklch(0.855 0.017 61.9);
}Tailwind CSS v4
@theme {
--color-river-rock: #d8cdc4;
--color-river-rock-50: #f9f4f0;
--color-river-rock-100: #ece7e2;
--color-river-rock-200: #dad3cd;
--color-river-rock-300: #beb6ae;
--color-river-rock-400: #a69c94;
--color-river-rock-500: #8f847b;
--color-river-rock-600: #797068;
--color-river-rock-700: #615953;
--color-river-rock-800: #47413c;
--color-river-rock-900: #312d2a;
--color-river-rock-950: #1d1a17;
}SCSS
$river-rock: #d8cdc4;
$river-rock-rgb: 216, 205, 196;
$river-rock-light: mix(#fff, $river-rock, 20%);
$river-rock-dark: mix(#000, $river-rock, 20%);
.element {
color: $river-rock;
box-shadow: 0 0 0 2px rgba($river-rock, 0.35);
}