命名颜色 · #73C2FB
Maya Blue
Maya Blue 即 #73C2FB：rgb(115 194 251)、hsl(205 94% 72%)、oklch(0.785 0.113 241.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Maya Blue color name →
#73C2FB
oklch(0.785 0.113 241.5)
颜色转换
- HEX
- #73c2fb
- RGB
- rgb(115 194 251)
- HSL
- hsl(205 94% 72%)
- HWB
- hwb(205 45% 2%)
- OKLCH
- oklch(0.785 0.113 241.5)
- OKLab
- oklab(0.785 -0.054 -0.099)
- CIE Lab
- lab(75.04 -13.22 -36.23)
- LCH
- lch(75.04 38.57 250)
- CMYK
- cmyk(54% 23% 0% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- 82C8FC
- 91CFFD
- A0D5FD
- AEDBFE
- BBE1FE
- C9E7FF
- D7EDFF
- E4F3FF
- F2F9FF
深色调
- 63A8DA
- 548FBA
- 45779C
- 36607E
- 284961
- 1B3446
- 0F202D
- 050E15
- 010203
灰色调
- 76BBEE
- 78B5E2
- 7AAED5
- 7CA8C9
- 7DA1BD
- 7E9BB0
- 7F94A4
- 808D98
- 80878C
配色和谐
互补色 +180°
- 73C2FB
Maya Blue
- EDA86B
≈ Spun Gold
类似色 -30° +30°
- 73C2FB
Maya Blue
- 4FCCE3
≈ Watercourse
- A0B5FF
≈ Truesky Gloxym
三角配色 +120° +240°
- 73C2FB
Maya Blue
- F59AB4
≈ Harmonious Rose
- AEC570
≈ Old Lime
分裂互补色 +150° +210°
- 73C2FB
Maya Blue
- F99D8C
≈ Peach’s Daydream
- D4B75F
≈ Luxurious
四角配色 +90° +180° +270°
- 73C2FB
Maya Blue
- E39EDA
≈ Plum Juice
- EDA86B
≈ Spun Gold
- 80CE94
≈ Garden Glow
对比度与无障碍
Ag
Fail白底
WCAG 1.93:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.83:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--maya-blue: #73c2fb;
--maya-blue-rgb: 115 194 251;
--maya-blue-oklch: oklch(0.785 0.113 241.5);
}
.element {
color: var(--maya-blue);
background-color: hsl(205 94% 72%);
border-color: oklch(0.785 0.113 241.5);
}Tailwind CSS v4
@theme {
--color-maya-blue: #73c2fb;
--color-maya-blue-50: #dbfaff;
--color-maya-blue-100: #c9edff;
--color-maya-blue-200: #abdbff;
--color-maya-blue-300: #84beed;
--color-maya-blue-400: #5ca6db;
--color-maya-blue-500: #318eca;
--color-maya-blue-600: #2c78aa;
--color-maya-blue-700: #236089;
--color-maya-blue-800: #154765;
--color-maya-blue-900: #0d3147;
--color-maya-blue-950: #011d2e;
}SCSS
$maya-blue: #73c2fb;
$maya-blue-rgb: 115, 194, 251;
$maya-blue-light: mix(#fff, $maya-blue, 20%);
$maya-blue-dark: mix(#000, $maya-blue, 20%);
.element {
color: $maya-blue;
box-shadow: 0 0 0 2px rgba($maya-blue, 0.35);
}