Colore con nome · #015C77
Gulf Coast
Gulf Coast è #015C77: rgb(1 92 119), hsl(194 98% 24%), oklch(0.443 0.085 226.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Gulf Coast color name →
#015C77
oklch(0.443 0.085 226.5)
Conversioni di colore
- HEX
- #015c77
- RGB
- rgb(1 92 119)
- HSL
- hsl(194 98% 24%)
- HWB
- hwb(194 0% 53%)
- OKLCH
- oklch(0.443 0.085 226.5)
- OKLab
- oklab(0.443 -0.058 -0.061)
- CIE Lab
- lab(35.59 -16.06 -22.33)
- LCH
- lch(35.59 27.51 234.3)
- CMYK
- cmyk(99% 23% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 2A6B84
- 447B91
- 5C8B9F
- 739BAC
- 8AABBA
- A1BBC7
- B8CCD5
- CFDDE3
- E7EEF1
Ombre
- 014F67
- 014257
- 003647
- 002A38
- 001F2A
- 00141C
- 000A10
- 000305
- 000001
Toni
- 1C6078
- 2C6479
- 39677A
- 446B7B
- 4F6F7C
- 59727D
- 63767E
- 6D797F
- 777D7F
Armonie di colore
Complementare +180°
- 015C77
Gulf Coast
- 794328
≈ Copper Canyon
Analogo -30° +30°
- 015C77
Gulf Coast
- 006061
≈ Sandhill Crane
- 335481
≈ St. Tropez
Triadico +120° +240°
- 015C77
Gulf Coast
- 743F5D
≈ Mystique Violet
- 595614
≈ Douro
Complementare divisa +150° +210°
- 015C77
Gulf Coast
- 7B3E43
≈ Velvety Merlot
- 6D4C11
≈ Antique Bronze
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.50:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--gulf-coast: #015c77;
--gulf-coast-rgb: 1 92 119;
--gulf-coast-oklch: oklch(0.443 0.085 226.5);
}
.element {
color: var(--gulf-coast);
background-color: hsl(194 98% 24%);
border-color: oklch(0.443 0.085 226.5);
}Tailwind CSS v4
@theme {
--color-gulf-coast: #015c77;
--color-gulf-coast-50: #ddfbff;
--color-gulf-coast-100: #cceeff;
--color-gulf-coast-200: #afdcf1;
--color-gulf-coast-300: #89c0da;
--color-gulf-coast-400: #65a9c5;
--color-gulf-coast-500: #3e91b1;
--color-gulf-coast-600: #367b96;
--color-gulf-coast-700: #2b6278;
--color-gulf-coast-800: #1c4958;
--color-gulf-coast-900: #13323e;
--color-gulf-coast-950: #041e27;
}SCSS
$gulf-coast: #015c77;
$gulf-coast-rgb: 1, 92, 119;
$gulf-coast-light: mix(#fff, $gulf-coast, 20%);
$gulf-coast-dark: mix(#000, $gulf-coast, 20%);
.element {
color: $gulf-coast;
box-shadow: 0 0 0 2px rgba($gulf-coast, 0.35);
}