Colore con nome · #99AABB
Lead Ore
Lead Ore è #99AABB: rgb(153 170 187), hsl(210 20% 67%), oklch(0.73 0.031 248.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lead Ore color name →
#99AABB
oklch(0.73 0.031 248.3)
Conversioni di colore
- HEX
- #99aabb
- RGB
- rgb(153 170 187)
- HSL
- hsl(210 20% 67%)
- HWB
- hwb(210 60% 27%)
- OKLCH
- oklch(0.73 0.031 248.3)
- OKLab
- oklab(0.73 -0.012 -0.029)
- CIE Lab
- lab(68.69 -3.42 -10.87)
- LCH
- lch(68.69 11.4 252.5)
- CMYK
- cmyk(18% 9% 0% 27%)
Tinte · Ombre · Toni
Tinte
- A3B2C2
- ADBBC8
- B7C3CF
- C1CBD6
- CBD4DD
- D5DCE3
- E0E5EA
- EAEEF1
- F4F6F8
Ombre
- 8493A2
- 707D8A
- 5D6873
- 4A535C
- 383F46
- 272D32
- 171B1F
- 080B0D
- 010102
Toni
- 97A6B5
- 94A1AF
- 929DA9
- 8F99A3
- 8D959D
- 8A9197
- 888C91
- 85888C
- 838486
Armonie di colore
Complementare +180°
- 99AABB
Lead Ore
- B5A593
≈ Façade
Analogo -30° +30°
- 99AABB
Lead Ore
- 93ADB5
≈ Mountain Stream
- A3A6BC
≈ Icelandic Blue
Triadico +120° +240°
- 99AABB
Lead Ore
- BAA0A4
≈ Magical Mauve
- A2AC97
≈ Garden
Complementare divisa +150° +210°
- 99AABB
Lead Ore
- BAA29A
≈ Cocoa Craving
- ADA892
≈ Historic Shade
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.38:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.82:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--lead-ore: #99aabb;
--lead-ore-rgb: 153 170 187;
--lead-ore-oklch: oklch(0.73 0.031 248.3);
}
.element {
color: var(--lead-ore);
background-color: hsl(210 20% 67%);
border-color: oklch(0.73 0.031 248.3);
}Tailwind CSS v4
@theme {
--color-lead-ore: #99aabb;
--color-lead-ore-50: #eff6fe;
--color-lead-ore-100: #e0e9f2;
--color-lead-ore-200: #cbd6e1;
--color-lead-ore-300: #acb9c7;
--color-lead-ore-400: #90a0b0;
--color-lead-ore-500: #76889a;
--color-lead-ore-600: #647382;
--color-lead-ore-700: #505c69;
--color-lead-ore-800: #3a444d;
--color-lead-ore-900: #282f35;
--color-lead-ore-950: #161b20;
}SCSS
$lead-ore: #99aabb;
$lead-ore-rgb: 153, 170, 187;
$lead-ore-light: mix(#fff, $lead-ore, 20%);
$lead-ore-dark: mix(#000, $lead-ore, 20%);
.element {
color: $lead-ore;
box-shadow: 0 0 0 2px rgba($lead-ore, 0.35);
}