Colore con nome · #B3AEA8
Rocky Bluffs
Rocky Bluffs è #B3AEA8: rgb(179 174 168), hsl(33 7% 68%), oklch(0.753 0.01 72.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rocky Bluffs color name →
#B3AEA8
oklch(0.753 0.01 72.6)
Conversioni di colore
- HEX
- #b3aea8
- RGB
- rgb(179 174 168)
- HSL
- hsl(33 7% 68%)
- HWB
- hwb(33 66% 30%)
- OKLCH
- oklch(0.753 0.01 72.6)
- OKLab
- oklab(0.753 0.003 0.01)
- CIE Lab
- lab(71.38 1.04 3.75)
- LCH
- lch(71.38 3.9 74.6)
- CMYK
- cmyk(0% 3% 6% 30%)
Tinte · Ombre · Toni
Tinte
- BAB6B0
- C2BEB9
- C9C6C1
- D1CECA
- D8D6D3
- E0DEDB
- E8E6E4
- EFEEED
- F7F7F6
Ombre
- 9B9792
- 84807C
- 6E6A67
- 585552
- 43413F
- 2F2E2C
- 1D1C1A
- 0C0B0A
- 010101
Toni
- AEA9A4
- A9A5A0
- A3A09C
- 9E9B98
- 999794
- 949290
- 8F8E8C
- 8A8988
- 858484
Armonie di colore
Complementare +180°
- B3AEA8
Rocky Bluffs
- AAAFB5
≈ Cistern
Analogo -30° +30°
- B3AEA8
Rocky Bluffs
- B5ADAA
≈ Slate Pebble
- B0AFA8
≈ Building Block
Triadico +120° +240°
- B3AEA8
Rocky Bluffs
- A8B1B1
≈ Flint Smoke
- B1ADB4
≈ Love-Struck Chinchilla
Complementare divisa +150° +210°
- B3AEA8
Rocky Bluffs
- A8B0B4
≈ Brilliant Silver
- AEAEB5
≈ Love-Struck Chinchilla
Tetradico +90° +180° +270°
- B3AEA8
Rocky Bluffs
- A9B1AD
≈ Artful
- AAAFB5
≈ Cistern
- B4ACB1
≈ Gellibrand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.53:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--rocky-bluffs: #b3aea8;
--rocky-bluffs-rgb: 179 174 168;
--rocky-bluffs-oklch: oklch(0.753 0.01 72.6);
}
.element {
color: var(--rocky-bluffs);
background-color: hsl(33 7% 68%);
border-color: oklch(0.753 0.01 72.6);
}Tailwind CSS v4
@theme {
--color-rocky-bluffs: #b3aea8;
--color-rocky-bluffs-50: #f7f5f2;
--color-rocky-bluffs-100: #eae7e4;
--color-rocky-bluffs-200: #d7d4cf;
--color-rocky-bluffs-300: #bab7b2;
--color-rocky-bluffs-400: #a29e98;
--color-rocky-bluffs-500: #8a857f;
--color-rocky-bluffs-600: #75716b;
--color-rocky-bluffs-700: #5e5a56;
--color-rocky-bluffs-800: #45423f;
--color-rocky-bluffs-900: #2f2d2b;
--color-rocky-bluffs-950: #1c1a18;
}SCSS
$rocky-bluffs: #b3aea8;
$rocky-bluffs-rgb: 179, 174, 168;
$rocky-bluffs-light: mix(#fff, $rocky-bluffs, 20%);
$rocky-bluffs-dark: mix(#000, $rocky-bluffs, 20%);
.element {
color: $rocky-bluffs;
box-shadow: 0 0 0 2px rgba($rocky-bluffs, 0.35);
}