Cor nomeada mais próxima · #3694A3
#3694A3
Cor nomeada mais próxima: Oasis
#3694A3 (rgb(54 148 163), hsl(188 50% 43%), oklch(0.618 0.089 209.9)) é mais próxima da cor nomeada Oasis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3694A3
oklch(0.618 0.089 209.9)
Conversões de cor
- HEX
- #3694a3
- RGB
- rgb(54 148 163)
- HSL
- hsl(188 50% 43%)
- HWB
- hwb(188 21% 36%)
- OKLCH
- oklch(0.618 0.089 209.9)
- OKLab
- oklab(0.618 -0.077 -0.044)
- CIE Lab
- lab(56.36 -24.79 -16.52)
- LCH
- lch(56.36 29.79 213.7)
- CMYK
- cmyk(67% 9% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- 4F9FAC
- 65A9B5
- 79B4BE
- 8DBEC7
- A0C9D0
- B3D4DA
- C6DEE3
- D9E9EC
- ECF4F6
Sombras
- 2E808D
- 256D78
- 1E5A63
- 16484F
- 0F363C
- 08262A
- 031619
- 01080A
- 000101
Tons
- 4292A0
- 4C909C
- 558E99
- 5C8D95
- 638B92
- 6A898E
- 70868B
- 768487
- 7B8284
Harmonias de cor
Complementar +180°
- 3694A3
Oasis
- B57165
≈ Morocco
Análoga -30° +30°
Tríade +120° +240°
- 3694A3
Oasis
- A4729F
≈ Drama Queen
- 9A8342
≈ Madagascar
Complementar dividida +150° +210°
- 3694A3
Oasis
- B26E83
≈ Tapestry
- AD784C
≈ Brown Sugar
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.54:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.92:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--oasis: #3694a3;
--oasis-rgb: 54 148 163;
--oasis-oklch: oklch(0.618 0.089 209.9);
}
.element {
color: var(--oasis);
background-color: hsl(188 50% 43%);
border-color: oklch(0.618 0.089 209.9);
}Tailwind CSS v4
@theme {
--color-oasis: #3694a3;
--color-oasis-50: #d9fdff;
--color-oasis-100: #c7f0f9;
--color-oasis-200: #a9dfea;
--color-oasis-300: #80c4d2;
--color-oasis-400: #58adbb;
--color-oasis-500: #2696a7;
--color-oasis-600: #237f8d;
--color-oasis-700: #1d6671;
--color-oasis-800: #124b52;
--color-oasis-900: #0b3439;
--color-oasis-950: #001f24;
}SCSS
$oasis: #3694a3;
$oasis-rgb: 54, 148, 163;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}