Màu có tên gần nhất · #78BFB1
#78BFB1
Màu có tên gần nhất: Mintnight
#78BFB1 (rgb(120 191 177), hsl(168 36% 61%), oklch(0.754 0.075 180.3)) gần nhất với màu có tên Mintnight. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#78BFB1
oklch(0.754 0.075 180.3)
Chuyển đổi màu
- HEX
- #78bfb1
- RGB
- rgb(120 191 177)
- HSL
- hsl(168 36% 61%)
- HWB
- hwb(168 47% 25%)
- OKLCH
- oklch(0.754 0.075 180.3)
- OKLab
- oklab(0.754 -0.075 0)
- CIE Lab
- lab(72.36 -25.74 -0.35)
- LCH
- lch(72.36 25.74 180.8)
- CMYK
- cmyk(37% 0% 7% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 86C5B9
- 94CCC0
- A2D2C8
- B0D9D0
- BDDFD7
- CAE5DF
- D7ECE7
- E5F2EF
- F2F9F7
Sắc đậm
- 67A699
- 578D83
- 48756C
- 395E57
- 2A4842
- 1D332F
- 101F1C
- 050D0C
- 010201
Sắc xám
- 7AB9AC
- 7CB2A7
- 7DACA2
- 7EA69D
- 7F9F98
- 7F9993
- 80938E
- 808C8A
- 808685
Hòa sắc
Bổ túc +180°
- 78BFB1
Mintnight
- D89CAD
≈ Blush Bomb
Tương đồng -30° +30°
- 78BFB1
Mintnight
- 8DBD97
≈ Garden Swing
- 74BCC9
≈ Azure Lake
Bộ ba +120° +240°
- 78BFB1
Mintnight
- B6A5D8
≈ Grape Illusion
- D3A47F
≈ Sunset Beige
Bổ túc chia +150° +210°
- 78BFB1
Mintnight
- CB9EC6
≈ Prize Winning Orchid
- DA9E93
≈ Rhapsodic
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.88:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--mintnight: #78bfb1;
--mintnight-rgb: 120 191 177;
--mintnight-oklch: oklch(0.754 0.075 180.3);
}
.element {
color: var(--mintnight);
background-color: hsl(168 36% 61%);
border-color: oklch(0.754 0.075 180.3);
}Tailwind CSS v4
@theme {
--color-mintnight: #78bfb1;
--color-mintnight-50: #dffdf7;
--color-mintnight-100: #cef1ea;
--color-mintnight-200: #b2dfd7;
--color-mintnight-300: #8dc4ba;
--color-mintnight-400: #6bada0;
--color-mintnight-500: #469688;
--color-mintnight-600: #3d7f73;
--color-mintnight-700: #30665c;
--color-mintnight-800: #224b42;
--color-mintnight-900: #17342e;
--color-mintnight-950: #071f1b;
}SCSS
$mintnight: #78bfb1;
$mintnight-rgb: 120, 191, 177;
$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);
}