Màu có tên gần nhất · #326967
#326967
Màu có tên gần nhất: Deep Pool Teal
#326967 (rgb(50 105 103), hsl(178 35% 30%), oklch(0.483 0.058 192.3)) gần nhất với màu có tên Deep Pool Teal. 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.
#326967
oklch(0.483 0.058 192.3)
Chuyển đổi màu
- HEX
- #326967
- RGB
- rgb(50 105 103)
- HSL
- hsl(178 35% 30%)
- HWB
- hwb(178 20% 59%)
- OKLCH
- oklch(0.483 0.058 192.3)
- OKLab
- oklab(0.483 -0.057 -0.012)
- CIE Lab
- lab(40.67 -19.39 -4.78)
- LCH
- lch(40.67 19.97 193.8)
- CMYK
- cmyk(52% 0% 2% 59%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 477775
- 5B8583
- 6F9492
- 83A3A1
- 97B1B0
- ABC1BF
- C0D0CF
- D5DFDF
- EAEFEF
Sắc đậm
- 2A5A59
- 224C4B
- 1B3E3D
- 143130
- 0D2423
- 071817
- 030C0C
- 010404
- 000000
Sắc xám
- 3B6B69
- 446E6C
- 4C706E
- 547271
- 5C7573
- 637776
- 6B7978
- 727C7B
- 797E7D
Hòa sắc
Bổ túc +180°
- 326967
Deep Pool Teal
- 7C5155
≈ Deep Rhubarb
Tương đồng -30° +30°
- 326967
Deep Pool Teal
- 3E6954
≈ June Ivy
- 366676
≈ Loon Turquoise
Bộ ba +120° +240°
- 326967
Deep Pool Teal
- 6A5576
≈ Basil Mauve
- 735939
≈ Shingle Fawn
Bổ túc chia +150° +210°
- 326967
Deep Pool Teal
- 765168
≈ Dahlia Matte Red
- 7B5444
≈ Florentine Brown
Bộ bốn +90° +180° +270°
- 326967
Deep Pool Teal
- 595A7F
≈ Deep Lavender
- 7C5155
≈ Deep Rhubarb
- 656038
≈ Verdigris Foncé
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.26:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.35:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--deep-pool-teal: #326967;
--deep-pool-teal-rgb: 50 105 103;
--deep-pool-teal-oklch: oklch(0.483 0.058 192.3);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(178 35% 30%);
border-color: oklch(0.483 0.058 192.3);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #326967;
--color-deep-pool-teal-50: #e3fbfa;
--color-deep-pool-teal-100: #d3eeee;
--color-deep-pool-teal-200: #b9dddb;
--color-deep-pool-teal-300: #95c1c0;
--color-deep-pool-teal-400: #75aaa7;
--color-deep-pool-teal-500: #559390;
--color-deep-pool-teal-600: #497c7a;
--color-deep-pool-teal-700: #3a6362;
--color-deep-pool-teal-800: #294947;
--color-deep-pool-teal-900: #1c3331;
--color-deep-pool-teal-950: #0c1e1d;
}SCSS
$deep-pool-teal: #326967;
$deep-pool-teal-rgb: 50, 105, 103;
$deep-pool-teal-light: mix(#fff, $deep-pool-teal, 20%);
$deep-pool-teal-dark: mix(#000, $deep-pool-teal, 20%);
.element {
color: $deep-pool-teal;
box-shadow: 0 0 0 2px rgba($deep-pool-teal, 0.35);
}