Cor nomeada · #4E6665
Angry Ocean
Angry Ocean é #4E6665: rgb(78 102 101), hsl(177 13% 35%), oklch(0.491 0.029 193.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Angry Ocean color name →
#4E6665
oklch(0.491 0.029 193.1)
Conversões de cor
- HEX
- #4e6665
- RGB
- rgb(78 102 101)
- HSL
- hsl(177 13% 35%)
- HWB
- hwb(177 31% 60%)
- OKLCH
- oklch(0.491 0.029 193.1)
- OKLab
- oklab(0.491 -0.028 -0.006)
- CIE Lab
- lab(41.23 -9.44 -2.52)
- LCH
- lch(41.23 9.77 195)
- CMYK
- cmyk(24% 0% 1% 60%)
Tons claros · Sombras · Tons
Tons claros
- 5E7473
- 6F8382
- 809190
- 91A09F
- A3AFAF
- B5BFBE
- C7CFCE
- D9DFDE
- ECEFEF
Sombras
- 435857
- 384A49
- 2D3C3C
- 232F2F
- 192322
- 0F1717
- 070C0C
- 020403
- 000000
Tons
- 536968
- 586B6A
- 5D6E6D
- 627070
- 677372
- 6C7675
- 717878
- 767B7B
- 7B7D7D
Harmonias de cor
Complementar +180°
- 4E6665
Angry Ocean
- 705A5C
≈ Falcon
Análoga -30° +30°
- 4E6665
Angry Ocean
- 52665C
≈ Duck Green
- 4F646D
≈ Masuhana Blue
Tríade +120° +240°
- 4E6665
Angry Ocean
- 665C6C
≈ Patina Violet
- 6B5E4F
≈ Makara
Complementar dividida +150° +210°
- 4E6665
Angry Ocean
- 6D5A65
≈ Aubergine Grey
- 6F5C54
≈ Missing Link
Tétrade +90° +180° +270°
- 4E6665
Angry Ocean
- 5E5F71
≈ Men’s Night
- 705A5C
≈ Falcon
- 63624F
≈ Groundcover
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.15:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.41:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--angry-ocean: #4e6665;
--angry-ocean-rgb: 78 102 101;
--angry-ocean-oklch: oklch(0.491 0.029 193.1);
}
.element {
color: var(--angry-ocean);
background-color: hsl(177 13% 35%);
border-color: oklch(0.491 0.029 193.1);
}Tailwind CSS v4
@theme {
--color-angry-ocean: #4e6665;
--color-angry-ocean-50: #ecf8f8;
--color-angry-ocean-100: #deebeb;
--color-angry-ocean-200: #c7d8d8;
--color-angry-ocean-300: #a7bcbc;
--color-angry-ocean-400: #8ca4a3;
--color-angry-ocean-500: #718c8b;
--color-angry-ocean-600: #607776;
--color-angry-ocean-700: #4c5f5e;
--color-angry-ocean-800: #374645;
--color-angry-ocean-900: #26302f;
--color-angry-ocean-950: #141c1c;
}SCSS
$angry-ocean: #4e6665;
$angry-ocean-rgb: 78, 102, 101;
$angry-ocean-light: mix(#fff, $angry-ocean, 20%);
$angry-ocean-dark: mix(#000, $angry-ocean, 20%);
.element {
color: $angry-ocean;
box-shadow: 0 0 0 2px rgba($angry-ocean, 0.35);
}