Colore con nome · #93B2B2
Gulf Winds
Gulf Winds è #93B2B2: rgb(147 178 178), hsl(180 17% 64%), oklch(0.74 0.034 196.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gulf Winds color name →
#93B2B2
oklch(0.74 0.034 196.4)
Conversioni di colore
- HEX
- #93b2b2
- RGB
- rgb(147 178 178)
- HSL
- hsl(180 17% 64%)
- HWB
- hwb(180 58% 30%)
- OKLCH
- oklch(0.74 0.034 196.4)
- OKLab
- oklab(0.74 -0.032 -0.01)
- CIE Lab
- lab(70.25 -10.94 -3.71)
- LCH
- lch(70.25 11.56 198.7)
- CMYK
- cmyk(17% 0% 0% 30%)
Tinte · Ombre · Toni
Tinte
- 9EBAB9
- A8C1C1
- B3C9C9
- BED0D0
- C8D8D8
- D3E0E0
- DEE7E7
- E9EFEF
- F4F7F7
Ombre
- 7F9A9A
- 6C8383
- 596D6D
- 475757
- 364343
- 252F2F
- 161D1D
- 080C0C
- 010101
Toni
- 91ADAD
- 8FA8A8
- 8EA3A3
- 8C9E9E
- 8A9999
- 889494
- 868F8F
- 848A8A
- 828585
Armonie di colore
Complementare +180°
- 93B2B2
Gulf Winds
- C0A3A3
≈ Foggy Quartz
Analogo -30° +30°
- 93B2B2
Gulf Winds
- 98B2A6
≈ Lovage Green
- 95B0BC
≈ Showcase Blue
Triadico +120° +240°
- 93B2B2
Gulf Winds
- B4A5BA
≈ Bellflower Violet
- B7A994
≈ Earthy Beige
Complementare divisa +150° +210°
- 93B2B2
Gulf Winds
- BCA3AF
≈ Buckwheat Mauve
- BEA599
≈ Frontier Land
Tetradico +90° +180° +270°
- 93B2B2
Gulf Winds
- A9A8C0
≈ Cosmic Sky
- C0A3A3
≈ Foggy Quartz
- ADAD94
≈ Photo Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.25:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--gulf-winds: #93b2b2;
--gulf-winds-rgb: 147 178 178;
--gulf-winds-oklch: oklch(0.74 0.034 196.4);
}
.element {
color: var(--gulf-winds);
background-color: hsl(180 17% 64%);
border-color: oklch(0.74 0.034 196.4);
}Tailwind CSS v4
@theme {
--color-gulf-winds: #93b2b2;
--color-gulf-winds-50: #ebf8f9;
--color-gulf-winds-100: #dcecec;
--color-gulf-winds-200: #c4d9d9;
--color-gulf-winds-300: #a4bdbe;
--color-gulf-winds-400: #88a5a5;
--color-gulf-winds-500: #6c8d8e;
--color-gulf-winds-600: #5c7878;
--color-gulf-winds-700: #496060;
--color-gulf-winds-800: #354646;
--color-gulf-winds-900: #243130;
--color-gulf-winds-950: #131d1d;
}SCSS
$gulf-winds: #93b2b2;
$gulf-winds-rgb: 147, 178, 178;
$gulf-winds-light: mix(#fff, $gulf-winds, 20%);
$gulf-winds-dark: mix(#000, $gulf-winds, 20%);
.element {
color: $gulf-winds;
box-shadow: 0 0 0 2px rgba($gulf-winds, 0.35);
}