Colore con nome · #706E66
Ironside Grey
Ironside Grey è #706E66: rgb(112 110 102), hsl(48 5% 42%), oklch(0.538 0.012 95.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ironside Grey color name →
#706E66
oklch(0.538 0.012 95.3)
Conversioni di colore
- HEX
- #706e66
- RGB
- rgb(112 110 102)
- HSL
- hsl(48 5% 42%)
- HWB
- hwb(48 40% 56%)
- OKLCH
- oklch(0.538 0.012 95.3)
- OKLab
- oklab(0.538 -0.001 0.012)
- CIE Lab
- lab(46.43 -0.36 4.77)
- LCH
- lch(46.43 4.78 94.3)
- CMYK
- cmyk(0% 2% 9% 56%)
Tinte · Ombre · Toni
Tinte
- 7D7B74
- 8B8983
- 999791
- A7A5A0
- B5B4AF
- C3C2BF
- D2D1CF
- E1E0DF
- F0F0EF
Ombre
- 605F58
- 51504A
- 43413C
- 35332F
- 272623
- 1A1917
- 0E0E0C
- 040404
- 010100
Toni
- 727069
- 73726B
- 75736E
- 767570
- 787773
- 7A7976
- 7B7B78
- 7D7C7B
- 7E7E7D
Armonie di colore
Complementare +180°
- 706E66
Ironside Grey
- 6C6E75
≈ Dolphin Dream
Analogo -30° +30°
- 706E66
Ironside Grey
- 736D67
≈ Light Charcoal
- 6C6F68
≈ Queen Valley
Triadico +120° +240°
- 706E66
Ironside Grey
- 667072
≈ Myth
- 736B71
≈ Wetbar
Complementare divisa +150° +210°
- 706E66
Ironside Grey
- 686F75
≈ Backwater
- 706C74
≈ Wetbar
Tetradico +90° +180° +270°
- 706E66
Ironside Grey
- 66706F
≈ Nevada
- 6C6E75
≈ Dolphin Dream
- 756B6D
≈ Deep Greige
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.10:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.11:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--ironside-grey: #706e66;
--ironside-grey-rgb: 112 110 102;
--ironside-grey-oklch: oklch(0.538 0.012 95.3);
}
.element {
color: var(--ironside-grey);
background-color: hsl(48 5% 42%);
border-color: oklch(0.538 0.012 95.3);
}Tailwind CSS v4
@theme {
--color-ironside-grey: #706e66;
--color-ironside-grey-50: #f6f5f1;
--color-ironside-grey-100: #e9e8e3;
--color-ironside-grey-200: #d5d4ce;
--color-ironside-grey-300: #b9b7b0;
--color-ironside-grey-400: #a09e96;
--color-ironside-grey-500: #88867d;
--color-ironside-grey-600: #73726a;
--color-ironside-grey-700: #5c5b55;
--color-ironside-grey-800: #44423e;
--color-ironside-grey-900: #2f2e2a;
--color-ironside-grey-950: #1b1b18;
}SCSS
$ironside-grey: #706e66;
$ironside-grey-rgb: 112, 110, 102;
$ironside-grey-light: mix(#fff, $ironside-grey, 20%);
$ironside-grey-dark: mix(#000, $ironside-grey, 20%);
.element {
color: $ironside-grey;
box-shadow: 0 0 0 2px rgba($ironside-grey, 0.35);
}