Color con nombre más cercano · #3FBFA1
#3FBFA1
Color con nombre más cercano: Macau
#3FBFA1 (rgb(63 191 161), hsl(166 50% 50%), oklch(0.727 0.12 174)) se parece más al color con nombre Macau. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3FBFA1
oklch(0.727 0.12 174)
Conversiones de color
- HEX
- #3fbfa1
- RGB
- rgb(63 191 161)
- HSL
- hsl(166 50% 50%)
- HWB
- hwb(166 25% 25%)
- OKLCH
- oklch(0.727 0.12 174)
- OKLab
- oklab(0.727 -0.119 0.013)
- CIE Lab
- lab(69.91 -41.84 4.46)
- LCH
- lch(69.91 42.08 173.9)
- CMYK
- cmyk(67% 0% 16% 25%)
Tintes · Sombras · Tonos
Tintes
- 5AC6AA
- 71CCB3
- 85D3BC
- 98D9C6
- AAE0CF
- BBE6D8
- CDECE2
- DEF3EC
- EEF9F5
Sombras
- 35A68B
- 2C8D76
- 237562
- 1B5E4E
- 12483C
- 0A332A
- 041F19
- 010D09
- 000201
Tonos
- 4CB99E
- 56B29A
- 5FAC97
- 66A694
- 6CA090
- 71998D
- 76938A
- 7A8D87
- 7D8683
Armonías de color
Complementario +180°
- 3FBFA1
Macau
- E186AC
≈ Springtime Bloom
Análogo -30° +30°
- 3FBFA1
Macau
- 76BA76
≈ Young Fern
- 1EBCC9
≈ Panorama Blue
Triádico +120° +240°
- 3FBFA1
Macau
- AB98EB
≈ Dull Lavender
- E1915B
≈ Pumpkin Toast
Complementario dividido +150° +210°
- 3FBFA1
Macau
- CC8CD1
≈ Purception
- E88782
≈ Boho Blush
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.17:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--macau: #3fbfa1;
--macau-rgb: 63 191 161;
--macau-oklch: oklch(0.727 0.12 174);
}
.element {
color: var(--macau);
background-color: hsl(166 50% 50%);
border-color: oklch(0.727 0.12 174);
}Tailwind CSS v4
@theme {
--color-macau: #3fbfa1;
--color-macau-50: #d2fff4;
--color-macau-100: #bef6e6;
--color-macau-200: #9ce6d2;
--color-macau-300: #6eccb5;
--color-macau-400: #3eb599;
--color-macau-500: #009f80;
--color-macau-600: #00866c;
--color-macau-700: #006c57;
--color-macau-800: #004f3e;
--color-macau-900: #00372a;
--color-macau-950: #002218;
}SCSS
$macau: #3fbfa1;
$macau-rgb: 63, 191, 161;
$macau-light: mix(#fff, $macau, 20%);
$macau-dark: mix(#000, $macau, 20%);
.element {
color: $macau;
box-shadow: 0 0 0 2px rgba($macau, 0.35);
}