Cor nomeada · #225E64
Gulf Harbour
Gulf Harbour é #225E64: rgb(34 94 100), hsl(185 49% 26%), oklch(0.446 0.062 204.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Gulf Harbour color name →
#225E64
oklch(0.446 0.062 204.4)
Conversões de cor
- HEX
- #225e64
- RGB
- rgb(34 94 100)
- HSL
- hsl(185 49% 26%)
- HWB
- hwb(185 13% 61%)
- OKLCH
- oklch(0.446 0.062 204.4)
- OKLab
- oklab(0.446 -0.056 -0.025)
- CIE Lab
- lab(36.28 -18.44 -9.53)
- LCH
- lch(36.28 20.75 207.3)
- CMYK
- cmyk(66% 6% 0% 61%)
Tons claros · Sombras · Tons
Tons claros
- 3A6D72
- 507C81
- 658C90
- 7A9C9F
- 90ACAE
- A6BCBE
- BBCCCE
- D2DDDE
- E8EEEE
Sombras
- 1C5156
- 164448
- 11373B
- 0B2B2E
- 071F22
- 031416
- 010A0B
- 000303
- 000000
Tons
- 2E6167
- 39656A
- 43686C
- 4C6C6F
- 556F72
- 5E7375
- 677678
- 6F797A
- 787D7D
Harmonias de cor
Complementar +180°
- 225E64
Gulf Harbour
- 734643
≈ Dressed to Impress
Análoga -30° +30°
- 225E64
Gulf Harbour
- 2A5F52
≈ Evening Sea
- 2F5A71
≈ Chathams Blue
Tríade +120° +240°
- 225E64
Gulf Harbour
- 654867
≈ Sultana
- 64512A
≈ Jungle Beat
Complementar dividida +150° +210°
- 225E64
Gulf Harbour
- 6F4656
≈ Deep Carmine
- 6F4B32
≈ Tuscan Brown
Tétrade +90° +180° +270°
- 225E64
Gulf Harbour
- 564D73
≈ Perpetual Purple
- 734643
≈ Dressed to Impress
- 53582F
≈ Soldier Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.36:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.85:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--gulf-harbour: #225e64;
--gulf-harbour-rgb: 34 94 100;
--gulf-harbour-oklch: oklch(0.446 0.062 204.4);
}
.element {
color: var(--gulf-harbour);
background-color: hsl(185 49% 26%);
border-color: oklch(0.446 0.062 204.4);
}Tailwind CSS v4
@theme {
--color-gulf-harbour: #225e64;
--color-gulf-harbour-50: #e2fbfe;
--color-gulf-harbour-100: #d1eef2;
--color-gulf-harbour-200: #b7dce1;
--color-gulf-harbour-300: #93c1c7;
--color-gulf-harbour-400: #72a9af;
--color-gulf-harbour-500: #519299;
--color-gulf-harbour-600: #457c81;
--color-gulf-harbour-700: #376368;
--color-gulf-harbour-800: #27494c;
--color-gulf-harbour-900: #1a3234;
--color-gulf-harbour-950: #0a1e20;
}SCSS
$gulf-harbour: #225e64;
$gulf-harbour-rgb: 34, 94, 100;
$gulf-harbour-light: mix(#fff, $gulf-harbour, 20%);
$gulf-harbour-dark: mix(#000, $gulf-harbour, 20%);
.element {
color: $gulf-harbour;
box-shadow: 0 0 0 2px rgba($gulf-harbour, 0.35);
}