Màu có tên gần nhất · #316B65
#316B65
Màu có tên gần nhất: Deep Pool Teal
#316B65 (rgb(49 107 101), hsl(174 37% 31%), oklch(0.487 0.062 186.4)) 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.
#316B65
oklch(0.487 0.062 186.4)
Chuyển đổi màu
- HEX
- #316b65
- RGB
- rgb(49 107 101)
- HSL
- hsl(174 37% 31%)
- HWB
- hwb(174 19% 58%)
- OKLCH
- oklch(0.487 0.062 186.4)
- OKLab
- oklab(0.487 -0.061 -0.007)
- CIE Lab
- lab(41.24 -21.05 -2.75)
- LCH
- lch(41.24 21.23 187.4)
- CMYK
- cmyk(54% 0% 6% 58%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 467973
- 5B8782
- 6F9590
- 83A49F
- 97B3AF
- ABC2BE
- C0D1CE
- D5E0DE
- EAEFEF
Sắc đậm
- 295C57
- 224E49
- 1A3F3C
- 13322F
- 0C2522
- 061817
- 030D0C
- 010403
- 000000
Sắc xám
- 3B6D68
- 446F6A
- 4C726D
- 547470
- 5C7672
- 637875
- 6B7A78
- 727C7B
- 797E7D
Hòa sắc
Bổ túc +180°
- 316B65
Deep Pool Teal
- 7E515A
≈ Sunset Red
Tương đồng -30° +30°
- 316B65
Deep Pool Teal
- 416A51
≈ Nordic Pine
- 326876
≈ Ocean’s Embrace
Bộ ba +120° +240°
- 316B65
Deep Pool Teal
- 68567B
≈ Charoite Violet
- 775939
≈ Cold Brew Coffee
Bổ túc chia +150° +210°
- 316B65
Deep Pool Teal
- 76526D
≈ Berry Conserve
- 7E5347
≈ Red Rooster
Bộ bốn +90° +180° +270°
- 316B65
Deep Pool Teal
- 565D83
≈ Deep Lavender
- 7E515A
≈ Sunset Red
- 6A6036
≈ Rationality
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.13:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.42:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--deep-pool-teal: #316b65;
--deep-pool-teal-rgb: 49 107 101;
--deep-pool-teal-oklch: oklch(0.487 0.062 186.4);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(174 37% 31%);
border-color: oklch(0.487 0.062 186.4);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #316b65;
--color-deep-pool-teal-50: #e2fbf8;
--color-deep-pool-teal-100: #d2efec;
--color-deep-pool-teal-200: #b7ddd9;
--color-deep-pool-teal-300: #94c2bd;
--color-deep-pool-teal-400: #74aba4;
--color-deep-pool-teal-500: #53948c;
--color-deep-pool-teal-600: #477d77;
--color-deep-pool-teal-700: #38645f;
--color-deep-pool-teal-800: #284945;
--color-deep-pool-teal-900: #1b3330;
--color-deep-pool-teal-950: #0b1f1c;
}SCSS
$deep-pool-teal: #316b65;
$deep-pool-teal-rgb: 49, 107, 101;
$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);
}