Cor nomeada · #3FBABD
Montego Bay
Montego Bay é #3FBABD: rgb(63 186 189), hsl(181 50% 49%), oklch(0.724 0.106 197.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Montego Bay color name →
#3FBABD
oklch(0.724 0.106 197.4)
Conversões de cor
- HEX
- #3fbabd
- RGB
- rgb(63 186 189)
- HSL
- hsl(181 50% 49%)
- HWB
- hwb(181 25% 26%)
- OKLCH
- oklch(0.724 0.106 197.4)
- OKLab
- oklab(0.724 -0.101 -0.032)
- CIE Lab
- lab(69.03 -34.02 -12.03)
- LCH
- lch(69.03 36.08 199.5)
- CMYK
- cmyk(67% 2% 0% 26%)
Tons claros · Sombras · Tons
Tons claros
- 5AC1C4
- 70C8CA
- 84CFD1
- 97D6D7
- A9DDDE
- BBE4E4
- CCEBEB
- DDF1F2
- EEF8F8
Sombras
- 35A1A4
- 2C898C
- 237274
- 1B5C5D
- 124647
- 0A3233
- 041E1F
- 010D0D
- 000202
Tons
- 4CB4B7
- 56AEB1
- 5EA9AA
- 65A3A4
- 6C9D9E
- 719798
- 759292
- 798C8C
- 7D8686
Harmonias de cor
Complementar +180°
- 3FBABD
Montego Bay
- E08A8D
≈ Pink Chi
Análoga -30° +30°
- 3FBABD
Montego Bay
- 5ABB98
≈ Expressionism Green
- 52B3DA
≈ Sail Away
Tríade +120° +240°
- 3FBABD
Montego Bay
- C191D2
≈ Lenurple
- CB9D54
≈ Warm Leather
Complementar dividida +150° +210°
- 3FBABD
Montego Bay
- D78AB2
≈ High Maintenance
- DC916A
≈ Bockwurst
Tétrade +90° +180° +270°
- 3FBABD
Montego Bay
- A29BE5
≈ Dull Lavender
- E08A8D
≈ Pink Chi
- ADAB58
≈ Palm Frond
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.96:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--montego-bay: #3fbabd;
--montego-bay-rgb: 63 186 189;
--montego-bay-oklch: oklch(0.724 0.106 197.4);
}
.element {
color: var(--montego-bay);
background-color: hsl(181 50% 49%);
border-color: oklch(0.724 0.106 197.4);
}Tailwind CSS v4
@theme {
--color-montego-bay: #3fbabd;
--color-montego-bay-50: #d3ffff;
--color-montego-bay-100: #bff3f5;
--color-montego-bay-200: #9ee3e6;
--color-montego-bay-300: #70c8cc;
--color-montego-bay-400: #3fb2b4;
--color-montego-bay-500: #009b9f;
--color-montego-bay-600: #008386;
--color-montego-bay-700: #00696b;
--color-montego-bay-800: #004d4e;
--color-montego-bay-900: #003636;
--color-montego-bay-950: #002121;
}SCSS
$montego-bay: #3fbabd;
$montego-bay-rgb: 63, 186, 189;
$montego-bay-light: mix(#fff, $montego-bay, 20%);
$montego-bay-dark: mix(#000, $montego-bay, 20%);
.element {
color: $montego-bay;
box-shadow: 0 0 0 2px rgba($montego-bay, 0.35);
}