Benannte Farbe · #C4C5BC
Rippled Rock
Rippled Rock ist #C4C5BC: rgb(196 197 188), hsl(67 7% 75%), oklch(0.82 0.012 111.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rippled Rock color name →
#C4C5BC
oklch(0.82 0.012 111.8)
Farbumrechnungen
- HEX
- #c4c5bc
- RGB
- rgb(196 197 188)
- HSL
- hsl(67 7% 75%)
- HWB
- hwb(67 74% 23%)
- OKLCH
- oklch(0.82 0.012 111.8)
- OKLab
- oklab(0.82 -0.005 0.012)
- CIE Lab
- lab(79.25 -1.57 4.4)
- LCH
- lch(79.25 4.67 109.6)
- CMYK
- cmyk(1% 0% 5% 23%)
Tints · Shades · Tones
Tints
- CACBC3
- D0D0C9
- D5D6D0
- DBDCD6
- E1E2DD
- E7E7E4
- EDEDEB
- F3F3F1
- F9F9F8
Shades
- AAABA3
- 91928B
- 787973
- 61615D
- 4A4B47
- 353532
- 21211F
- 0E0E0D
- 020202
Tones
- BDBEB6
- B6B7B0
- AFB0AA
- A8A9A4
- A1A29D
- 9B9B98
- 949492
- 8D8D8C
- 878786
Farbharmonien
Komplementär +180°
- C4C5BC
Rippled Rock
- C4C3CC
≈ Satire
Analog -30° +30°
- C4C5BC
Rippled Rock
- C8C3BB
≈ Pavestone
- C0C6BF
≈ Nickel Plate
Triadisch +120° +240°
- C4C5BC
Rippled Rock
- BDC6CB
≈ Gris Náutico
- CBC1C5
≈ Sun Painter
Geteilt komplementär +150° +210°
- C4C5BC
Rippled Rock
- C0C4CC
≈ Bottlefly Wings
- C8C2C9
≈ Lavender Vapour
Tetradisch +90° +180° +270°
- C4C5BC
Rippled Rock
- BBC7C7
≈ Oceanic Climate
- C4C3CC
≈ Satire
- CCC1C0
≈ White Flag
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.05:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--rippled-rock: #c4c5bc;
--rippled-rock-rgb: 196 197 188;
--rippled-rock-oklch: oklch(0.82 0.012 111.8);
}
.element {
color: var(--rippled-rock);
background-color: hsl(67 7% 75%);
border-color: oklch(0.82 0.012 111.8);
}Tailwind CSS v4
@theme {
--color-rippled-rock: #c4c5bc;
--color-rippled-rock-50: #f5f5f2;
--color-rippled-rock-100: #e8e8e4;
--color-rippled-rock-200: #d4d5cf;
--color-rippled-rock-300: #b7b8b1;
--color-rippled-rock-400: #9e9f97;
--color-rippled-rock-500: #86877e;
--color-rippled-rock-600: #71726b;
--color-rippled-rock-700: #5b5b55;
--color-rippled-rock-800: #42433e;
--color-rippled-rock-900: #2e2e2b;
--color-rippled-rock-950: #1b1b18;
}SCSS
$rippled-rock: #c4c5bc;
$rippled-rock-rgb: 196, 197, 188;
$rippled-rock-light: mix(#fff, $rippled-rock, 20%);
$rippled-rock-dark: mix(#000, $rippled-rock, 20%);
.element {
color: $rippled-rock;
box-shadow: 0 0 0 2px rgba($rippled-rock, 0.35);
}