이름 색상 · #3FBABD
Montego Bay
Montego Bay은(는) #3FBABD: rgb(63 186 189), hsl(181 50% 49%), oklch(0.724 0.106 197.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Montego Bay color name →
#3FBABD
oklch(0.724 0.106 197.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 5AC1C4
- 70C8CA
- 84CFD1
- 97D6D7
- A9DDDE
- BBE4E4
- CCEBEB
- DDF1F2
- EEF8F8
셰이드
- 35A1A4
- 2C898C
- 237274
- 1B5C5D
- 124647
- 0A3233
- 041E1F
- 010D0D
- 000202
톤
- 4CB4B7
- 56AEB1
- 5EA9AA
- 65A3A4
- 6C9D9E
- 719798
- 759292
- 798C8C
- 7D8686
색 조화
보색 +180°
- 3FBABD
Montego Bay
- E08A8D
≈ Pink Chi
유사색 -30° +30°
- 3FBABD
Montego Bay
- 5ABB98
≈ Expressionism Green
- 52B3DA
≈ Sail Away
삼각 배색 +120° +240°
- 3FBABD
Montego Bay
- C191D2
≈ Lenurple
- CB9D54
≈ Warm Leather
분열 보색 +150° +210°
- 3FBABD
Montego Bay
- D78AB2
≈ High Maintenance
- DC916A
≈ Bockwurst
사각 배색 +90° +180° +270°
- 3FBABD
Montego Bay
- A29BE5
≈ Dull Lavender
- E08A8D
≈ Pink Chi
- ADAB58
≈ Palm Frond
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.34:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.96:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
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);
}