Benannte Farbe · #3FBABD
Montego Bay
Montego Bay ist #3FBABD: rgb(63 186 189), hsl(181 50% 49%), oklch(0.724 0.106 197.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Montego Bay color name →
#3FBABD
oklch(0.724 0.106 197.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 5AC1C4
- 70C8CA
- 84CFD1
- 97D6D7
- A9DDDE
- BBE4E4
- CCEBEB
- DDF1F2
- EEF8F8
Shades
- 35A1A4
- 2C898C
- 237274
- 1B5C5D
- 124647
- 0A3233
- 041E1F
- 010D0D
- 000202
Tones
- 4CB4B7
- 56AEB1
- 5EA9AA
- 65A3A4
- 6C9D9E
- 719798
- 759292
- 798C8C
- 7D8686
Farbharmonien
Komplementär +180°
- 3FBABD
Montego Bay
- E08A8D
≈ Pink Chi
Analog -30° +30°
- 3FBABD
Montego Bay
- 5ABB98
≈ Expressionism Green
- 52B3DA
≈ Sail Away
Triadisch +120° +240°
- 3FBABD
Montego Bay
- C191D2
≈ Lenurple
- CB9D54
≈ Warm Leather
Geteilt komplementär +150° +210°
- 3FBABD
Montego Bay
- D78AB2
≈ High Maintenance
- DC916A
≈ Bockwurst
Tetradisch +90° +180° +270°
- 3FBABD
Montego Bay
- A29BE5
≈ Dull Lavender
- E08A8D
≈ Pink Chi
- ADAB58
≈ Palm Frond
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.96:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
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);
}