Cor nomeada mais próxima · #008FA1
#008FA1
Cor nomeada mais próxima: Oasis
#008FA1 (rgb(0 143 161), hsl(187 100% 32%), oklch(0.596 0.103 210.3)) é mais próxima da cor nomeada Oasis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#008FA1
oklch(0.596 0.103 210.3)
Conversões de cor
- HEX
- #008fa1
- RGB
- rgb(0 143 161)
- HSL
- hsl(187 100% 32%)
- HWB
- hwb(187 0% 37%)
- OKLCH
- oklch(0.596 0.103 210.3)
- OKLab
- oklab(0.596 -0.089 -0.052)
- CIE Lab
- lab(53.87 -28.26 -19.23)
- LCH
- lch(53.87 34.18 214.2)
- CMYK
- cmyk(100% 11% 0% 37%)
Tons claros · Sombras · Tons
Tons claros
- 379AAA
- 53A5B4
- 6BB0BD
- 81BBC6
- 97C7D0
- ACD2D9
- C1DDE2
- D5E8EC
- EAF4F5
Sombras
- 007C8B
- 006976
- 005762
- 00454E
- 00343C
- 00242A
- 001519
- 000709
- 000101
Tons
- 268E9E
- 388C9B
- 468B97
- 518A94
- 5A8891
- 63878D
- 6B858A
- 728487
- 798283
Harmonias de cor
Complementar +180°
- 008FA1
Oasis
- B46659
≈ Henna Shade
Análoga -30° +30°
- 008FA1
Oasis
- 179382
≈ Silk Sari
- 3D86B6
≈ Curious Blue
Tríade +120° +240°
- 008FA1
Oasis
- A2679C
≈ Iris Orchid
- 977C2B
≈ Fernweh
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.85:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.44:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
CSS
:root {
--oasis: #008fa1;
--oasis-rgb: 0 143 161;
--oasis-oklch: oklch(0.596 0.103 210.3);
}
.element {
color: var(--oasis);
background-color: hsl(187 100% 32%);
border-color: oklch(0.596 0.103 210.3);
}Tailwind CSS v4
@theme {
--color-oasis: #008fa1;
--color-oasis-50: #d5feff;
--color-oasis-100: #c1f2fc;
--color-oasis-200: #a1e1ee;
--color-oasis-300: #75c6d6;
--color-oasis-400: #46afc0;
--color-oasis-500: #0098ac;
--color-oasis-600: #008091;
--color-oasis-700: #006774;
--color-oasis-800: #004c55;
--color-oasis-900: #00353b;
--color-oasis-950: #002025;
}SCSS
$oasis: #008fa1;
$oasis-rgb: 0, 143, 161;
$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);
}