最接近的命名颜色 · #79BFB3
#79BFB3
最接近的命名颜色: Mintnight
#79BFB3（rgb(121 191 179)、hsl(170 35% 61%)、oklch(0.755 0.073 182.2)）最接近命名颜色 Mintnight。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#79BFB3
oklch(0.755 0.073 182.2)
颜色转换
- HEX
- #79bfb3
- RGB
- rgb(121 191 179)
- HSL
- hsl(170 35% 61%)
- HWB
- hwb(170 47% 25%)
- OKLCH
- oklch(0.755 0.073 182.2)
- OKLab
- oklab(0.755 -0.073 -0.003)
- CIE Lab
- lab(72.45 -25.1 -1.29)
- LCH
- lch(72.45 25.13 182.9)
- CMYK
- cmyk(37% 0% 6% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 87C5BA
- 95CCC2
- A3D2C9
- B0D9D1
- BDDFD8
- CBE5E0
- D8ECE8
- E5F2EF
- F2F9F7
深色调
- 68A69B
- 588D84
- 48756E
- 395E58
- 2B4843
- 1D332F
- 101F1D
- 050D0C
- 010201
灰色调
- 7BB9AE
- 7CB2A9
- 7EACA3
- 7FA69E
- 7F9F99
- 809994
- 80938F
- 808C8A
- 808685
配色和谐
互补色 +180°
- 79BFB3
Mintnight
- D89CAB
≈ Glamour
类似色 -30° +30°
- 79BFB3
Mintnight
- 8DBD99
≈ Garden Swing
- 77BCCB
≈ Azure Lake
三角配色 +120° +240°
- 79BFB3
Mintnight
- B8A5D7
≈ Grape Illusion
- D1A680
≈ City Sunrise
分裂互补色 +150° +210°
- 79BFB3
Mintnight
- CC9FC4
≈ Prize Winning Orchid
- DA9F92
≈ Rhapsodic
四角配色 +90° +180° +270°
- 79BFB3
Mintnight
- 9FADDF
≈ Aster Flower Blue
- D89CAB
≈ Glamour
- C0AF7A
≈ Fresh Peas
对比度与无障碍
Ag
Fail白底
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.91:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--mintnight: #79bfb3;
--mintnight-rgb: 121 191 179;
--mintnight-oklch: oklch(0.755 0.073 182.2);
}
.element {
color: var(--mintnight);
background-color: hsl(170 35% 61%);
border-color: oklch(0.755 0.073 182.2);
}Tailwind CSS v4
@theme {
--color-mintnight: #79bfb3;
--color-mintnight-50: #dffcf7;
--color-mintnight-100: #cef0eb;
--color-mintnight-200: #b2dfd8;
--color-mintnight-300: #8dc4bc;
--color-mintnight-400: #6bada2;
--color-mintnight-500: #47968a;
--color-mintnight-600: #3d7f75;
--color-mintnight-700: #31665d;
--color-mintnight-800: #224b43;
--color-mintnight-900: #17342f;
--color-mintnight-950: #071f1b;
}SCSS
$mintnight: #79bfb3;
$mintnight-rgb: 121, 191, 179;
$mintnight-light: mix(#fff, $mintnight, 20%);
$mintnight-dark: mix(#000, $mintnight, 20%);
.element {
color: $mintnight;
box-shadow: 0 0 0 2px rgba($mintnight, 0.35);
}