Màu có tên gần nhất · #35B78C
#35B78C
Màu có tên gần nhất: Mint
#35B78C (rgb(53 183 140), hsl(160 55% 46%), oklch(0.699 0.129 166.3)) gần nhất với màu có tên Mint. 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.
#35B78C
oklch(0.699 0.129 166.3)
Chuyển đổi màu
- HEX
- #35b78c
- RGB
- rgb(53 183 140)
- HSL
- hsl(160 55% 46%)
- HWB
- hwb(160 21% 28%)
- OKLCH
- oklch(0.699 0.129 166.3)
- OKLab
- oklab(0.699 -0.125 0.03)
- CIE Lab
- lab(66.77 -44.27 11.36)
- LCH
- lch(66.77 45.7 165.6)
- CMYK
- cmyk(71% 0% 23% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 53BE97
- 6AC6A2
- 7FCDAD
- 93D4B9
- A6DCC4
- B8E3D0
- CAEADB
- DCF1E7
- EDF8F3
Sắc đậm
- 2D9F79
- 258767
- 1D7055
- 155A43
- 0E4533
- 083123
- 031E14
- 010C07
- 000201
Sắc xám
- 44B28B
- 50AC8A
- 59A789
- 61A187
- 689C86
- 6E9685
- 739184
- 788B83
- 7C8681
Hòa sắc
Bổ túc +180°
- 35B78C
Mint
- D77BAE
≈ Ice Plant
Tương đồng -30° +30°
- 35B78C
Mint
- 78B05D
≈ Arugula
- 00B4B7
≈ Cyan Sky
Bộ ba +120° +240°
- 35B78C
Mint
- 9891EA
≈ Perrywinkle
- DF8355
≈ Show Business
Bổ túc chia +150° +210°
- 35B78C
Mint
- BD84D3
≈ Purception
- E27A82
≈ Passion Pink
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.52:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.30:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--mint: #35b78c;
--mint-rgb: 53 183 140;
--mint-oklch: oklch(0.699 0.129 166.3);
}
.element {
color: var(--mint);
background-color: hsl(160 55% 46%);
border-color: oklch(0.699 0.129 166.3);
}Tailwind CSS v4
@theme {
--color-mint: #35b78c;
--color-mint-50: #d2ffee;
--color-mint-100: #bff6e0;
--color-mint-200: #9de6ca;
--color-mint-300: #6fcdab;
--color-mint-400: #40b68d;
--color-mint-500: #00a073;
--color-mint-600: #008761;
--color-mint-700: #006c4e;
--color-mint-800: #005036;
--color-mint-900: #003825;
--color-mint-950: #002214;
}SCSS
$mint: #35b78c;
$mint-rgb: 53, 183, 140;
$mint-light: mix(#fff, $mint, 20%);
$mint-dark: mix(#000, $mint, 20%);
.element {
color: $mint;
box-shadow: 0 0 0 2px rgba($mint, 0.35);
}