Màu có tên gần nhất · #6B9083
#6B9083
Màu có tên gần nhất: Aloe Vera
#6B9083 (rgb(107 144 131), hsl(159 15% 49%), oklch(0.622 0.046 171.1)) gần nhất với màu có tên Aloe Vera. 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.
#6B9083
oklch(0.622 0.046 171.1)
Chuyển đổi màu
- HEX
- #6b9083
- RGB
- rgb(107 144 131)
- HSL
- hsl(159 15% 49%)
- HWB
- hwb(159 42% 44%)
- OKLCH
- oklch(0.622 0.046 171.1)
- OKLab
- oklab(0.622 -0.045 0.007)
- CIE Lab
- lab(56.72 -15.53 2.54)
- LCH
- lch(56.72 15.74 170.7)
- CMYK
- cmyk(26% 0% 9% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 799B8F
- 88A59B
- 96B0A7
- A5BBB3
- B3C6BF
- C2D1CC
- D1DDD8
- E0E8E5
- F0F3F2
Sắc đậm
- 5C7D71
- 4E6A60
- 3F574F
- 32453F
- 25342F
- 182420
- 0D1512
- 040706
- 000101
Sắc xám
- 6D8E83
- 708D82
- 728B82
- 748A82
- 768882
- 788781
- 7A8581
- 7C8381
- 7E8280
Hòa sắc
Bổ túc +180°
- 6B9083
Aloe Vera
- 9D7C8A
≈ Century’s Last Sunset
Tương đồng -30° +30°
- 6B9083
Aloe Vera
- 788E74
≈ Loden Frost
- 668F92
≈ Tranquil Seashore
Bộ ba +120° +240°
- 6B9083
Aloe Vera
- 8682A1
≈ Live Jazz
- 9E7F6E
≈ Beaver Kit
Bổ túc chia +150° +210°
- 6B9083
Aloe Vera
- 947E98
≈ Amorous
- A17C7B
≈ Brandied Apple
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 3.53:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.94:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--aloe-vera: #6b9083;
--aloe-vera-rgb: 107 144 131;
--aloe-vera-oklch: oklch(0.622 0.046 171.1);
}
.element {
color: var(--aloe-vera);
background-color: hsl(159 15% 49%);
border-color: oklch(0.622 0.046 171.1);
}Tailwind CSS v4
@theme {
--color-aloe-vera: #6b9083;
--color-aloe-vera-50: #e9faf4;
--color-aloe-vera-100: #d9ede6;
--color-aloe-vera-200: #c1dbd2;
--color-aloe-vera-300: #a0bfb5;
--color-aloe-vera-400: #84a89b;
--color-aloe-vera-500: #679082;
--color-aloe-vera-600: #587a6e;
--color-aloe-vera-700: #466258;
--color-aloe-vera-800: #334840;
--color-aloe-vera-900: #22322c;
--color-aloe-vera-950: #111e19;
}SCSS
$aloe-vera: #6b9083;
$aloe-vera-rgb: 107, 144, 131;
$aloe-vera-light: mix(#fff, $aloe-vera, 20%);
$aloe-vera-dark: mix(#000, $aloe-vera, 20%);
.element {
color: $aloe-vera;
box-shadow: 0 0 0 2px rgba($aloe-vera, 0.35);
}