Colore con nome · #96ACB8
Pacific Bliss
Pacific Bliss è #96ACB8: rgb(150 172 184), hsl(201 19% 65%), oklch(0.731 0.03 231.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pacific Bliss color name →
#96ACB8
oklch(0.731 0.03 231.6)
Conversioni di colore
- HEX
- #96acb8
- RGB
- rgb(150 172 184)
- HSL
- hsl(201 19% 65%)
- HWB
- hwb(201 59% 28%)
- OKLCH
- oklch(0.731 0.03 231.6)
- OKLab
- oklab(0.731 -0.019 -0.024)
- CIE Lab
- lab(68.94 -5.95 -8.88)
- LCH
- lch(68.94 10.69 236.2)
- CMYK
- cmyk(18% 7% 0% 28%)
Tinte · Ombre · Toni
Tinte
- A0B4BF
- AABCC6
- B5C4CD
- BFCDD4
- CAD5DB
- D4DDE2
- DFE6E9
- E9EEF1
- F4F6F8
Ombre
- 8295A0
- 6E7F88
- 5B6971
- 49545B
- 374045
- 262D31
- 161B1E
- 080B0C
- 010102
Toni
- 94A8B2
- 92A3AD
- 909FA7
- 8D9AA1
- 8B969C
- 899196
- 878D90
- 85898B
- 828485
Armonie di colore
Complementare +180°
- 96ACB8
Pacific Bliss
- B8A397
≈ Cocoa Craving
Analogo -30° +30°
- 96ACB8
Pacific Bliss
- 93AEB0
≈ Beach Cottage
- 9EA9BC
≈ Blue Fog
Triadico +120° +240°
- 96ACB8
Pacific Bliss
- B8A1AA
≈ Highland Thistle
- A8AA95
≈ Simply Sage
Complementare divisa +150° +210°
- 96ACB8
Pacific Bliss
- BBA1A0
≈ Foggy Quartz
- B2A793
≈ Linseed
Tetradico +90° +180° +270°
- 96ACB8
Pacific Bliss
- B1A2B4
≈ Obi Lilac
- B8A397
≈ Cocoa Craving
- 9EAD9C
≈ Wormwood Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.88:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--pacific-bliss: #96acb8;
--pacific-bliss-rgb: 150 172 184;
--pacific-bliss-oklch: oklch(0.731 0.03 231.6);
}
.element {
color: var(--pacific-bliss);
background-color: hsl(201 19% 65%);
border-color: oklch(0.731 0.03 231.6);
}Tailwind CSS v4
@theme {
--color-pacific-bliss: #96acb8;
--color-pacific-bliss-50: #edf7fd;
--color-pacific-bliss-100: #dfeaf0;
--color-pacific-bliss-200: #c8d7df;
--color-pacific-bliss-300: #a9bac5;
--color-pacific-bliss-400: #8da2ad;
--color-pacific-bliss-500: #738a97;
--color-pacific-bliss-600: #617580;
--color-pacific-bliss-700: #4e5e66;
--color-pacific-bliss-800: #38454b;
--color-pacific-bliss-900: #262f34;
--color-pacific-bliss-950: #151c1f;
}SCSS
$pacific-bliss: #96acb8;
$pacific-bliss-rgb: 150, 172, 184;
$pacific-bliss-light: mix(#fff, $pacific-bliss, 20%);
$pacific-bliss-dark: mix(#000, $pacific-bliss, 20%);
.element {
color: $pacific-bliss;
box-shadow: 0 0 0 2px rgba($pacific-bliss, 0.35);
}