Colore con nome · #8095A0
Poolhouse
Poolhouse è #8095A0: rgb(128 149 160), hsl(201 14% 56%), oklch(0.657 0.029 230.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Poolhouse color name →
#8095A0
oklch(0.657 0.029 230.6)
Conversioni di colore
- HEX
- #8095a0
- RGB
- rgb(128 149 160)
- HSL
- hsl(201 14% 56%)
- HWB
- hwb(201 50% 37%)
- OKLCH
- oklch(0.657 0.029 230.6)
- OKLab
- oklab(0.657 -0.018 -0.022)
- CIE Lab
- lab(60.32 -5.87 -8.45)
- LCH
- lch(60.32 10.29 235.2)
- CMYK
- cmyk(20% 7% 0% 37%)
Tinte · Ombre · Toni
Tinte
- 8C9FA9
- 98A9B2
- A5B4BC
- B1BEC5
- BEC9CF
- CBD3D8
- D8DEE2
- E5E9EB
- F2F4F5
Ombre
- 6E818B
- 5D6D76
- 4D5A61
- 3D484E
- 2E373B
- 1F2629
- 121619
- 060809
- 010101
Toni
- 80939D
- 80919A
- 808F96
- 808D93
- 808A90
- 80888D
- 80868A
- 808486
- 808283
Armonie di colore
Complementare +180°
- 8095A0
Poolhouse
- A18D82
≈ Bush Buck
Analogo -30° +30°
- 8095A0
Poolhouse
- 7D9798
≈ Tidepool Wonder
- 8792A4
≈ Fantasy Grey
Triadico +120° +240°
- 8095A0
Poolhouse
- A08A94
≈ Art Nouveau Violet
- 92937F
≈ Water Scrub
Complementare divisa +150° +210°
- 8095A0
Poolhouse
- A38B8A
≈ Storm Red
- 9B907E
≈ Kommando Khaki
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--poolhouse: #8095a0;
--poolhouse-rgb: 128 149 160;
--poolhouse-oklch: oklch(0.657 0.029 230.6);
}
.element {
color: var(--poolhouse);
background-color: hsl(201 14% 56%);
border-color: oklch(0.657 0.029 230.6);
}Tailwind CSS v4
@theme {
--color-poolhouse: #8095a0;
--color-poolhouse-50: #edf7fc;
--color-poolhouse-100: #dfeaf0;
--color-poolhouse-200: #c9d7df;
--color-poolhouse-300: #a9bac4;
--color-poolhouse-400: #8ea2ad;
--color-poolhouse-500: #738a96;
--color-poolhouse-600: #62757f;
--color-poolhouse-700: #4e5d66;
--color-poolhouse-800: #38454a;
--color-poolhouse-900: #262f34;
--color-poolhouse-950: #151c1f;
}SCSS
$poolhouse: #8095a0;
$poolhouse-rgb: 128, 149, 160;
$poolhouse-light: mix(#fff, $poolhouse, 20%);
$poolhouse-dark: mix(#000, $poolhouse, 20%);
.element {
color: $poolhouse;
box-shadow: 0 0 0 2px rgba($poolhouse, 0.35);
}