Màu có tên gần nhất · #6FBDB5
#6FBDB5
Màu có tên gần nhất: Mintnight
#6FBDB5 (rgb(111 189 181), hsl(174 37% 59%), oklch(0.746 0.078 187.2)) 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.
#6FBDB5
oklch(0.746 0.078 187.2)
Chuyển đổi màu
- HEX
- #6fbdb5
- RGB
- rgb(111 189 181)
- HSL
- hsl(174 37% 59%)
- HWB
- hwb(174 44% 26%)
- OKLCH
- oklch(0.746 0.078 187.2)
- OKLab
- oklab(0.746 -0.078 -0.01)
- CIE Lab
- lab(71.43 -26.62 -3.92)
- LCH
- lch(71.43 26.91 188.4)
- CMYK
- cmyk(41% 0% 4% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7FC4BC
- 8ECAC3
- 9DD1CB
- ABD7D2
- B9DED9
- C7E5E1
- D5EBE8
- E3F2F0
- F1F8F7
Sắc đậm
- 60A49D
- 518C86
- 42746F
- 345D59
- 274744
- 1A3330
- 0E1F1D
- 040D0C
- 010202
Sắc xám
- 72B7B0
- 75B1AA
- 77ABA5
- 79A49F
- 7B9E9A
- 7D9895
- 7E9290
- 7F8C8A
- 808685
Hòa sắc
Bổ túc +180°
- 6FBDB5
Mintnight
- D898A4
≈ Parrot Pink
Tương đồng -30° +30°
- 6FBDB5
Mintnight
- 83BC99
≈ Forest Frolic
- 70B9CD
≈ Blue Brocade
Bộ ba +120° +240°
- 6FBDB5
Mintnight
- BAA0D4
≈ Purple Premiere
- CEA377
≈ Golden Beige
Bổ túc chia +150° +210°
- 6FBDB5
Mintnight
- CD9ABF
≈ Peach Buff
- D99C89
≈ Medium Terracotta
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.18:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.62:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--mintnight: #6fbdb5;
--mintnight-rgb: 111 189 181;
--mintnight-oklch: oklch(0.746 0.078 187.2);
}
.element {
color: var(--mintnight);
background-color: hsl(174 37% 59%);
border-color: oklch(0.746 0.078 187.2);
}Tailwind CSS v4
@theme {
--color-mintnight: #6fbdb5;
--color-mintnight-50: #ddfdfa;
--color-mintnight-100: #cbf1ed;
--color-mintnight-200: #afe0db;
--color-mintnight-300: #88c5c0;
--color-mintnight-400: #65aea6;
--color-mintnight-500: #3d978f;
--color-mintnight-600: #358079;
--color-mintnight-700: #2a6661;
--color-mintnight-800: #1d4b46;
--color-mintnight-900: #133430;
--color-mintnight-950: #05201d;
}SCSS
$mintnight: #6fbdb5;
$mintnight-rgb: 111, 189, 181;
$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);
}