Màu có tên gần nhất · #4D837C
#4D837C
Màu có tên gần nhất: Turquoise Tortoise
#4D837C (rgb(77 131 124), hsl(172 26% 41%), oklch(0.57 0.059 185.2)) gần nhất với màu có tên Turquoise Tortoise. 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.
#4D837C
oklch(0.57 0.059 185.2)
Chuyển đổi màu
- HEX
- #4d837c
- RGB
- rgb(77 131 124)
- HSL
- hsl(172 26% 41%)
- HWB
- hwb(172 30% 49%)
- OKLCH
- oklch(0.57 0.059 185.2)
- OKLab
- oklab(0.57 -0.059 -0.005)
- CIE Lab
- lab(50.86 -20.09 -2.16)
- LCH
- lch(50.86 20.21 186.1)
- CMYK
- cmyk(41% 0% 5% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F8F88
- 709B95
- 82A7A1
- 93B3AE
- A5BFBB
- B7CCC9
- C9D9D6
- DBE5E3
- EDF2F1
Sắc đậm
- 42716B
- 37605A
- 2C4F4A
- 223F3B
- 182F2C
- 0F201E
- 071211
- 020605
- 000101
Sắc xám
- 53837C
- 59837D
- 5E827D
- 64827E
- 69827E
- 6E817E
- 72817F
- 77817F
- 7C8080
Hòa sắc
Bổ túc +180°
- 4D837C
Turquoise Tortoise
- 966973
≈ Brickwork Red
Tương đồng -30° +30°
- 4D837C
Turquoise Tortoise
- 5B8268
≈ Green Goth Eyeshadow
- 4D818D
≈ Cape Lee
Bộ ba +120° +240°
- 4D837C
Turquoise Tortoise
- 7F6F94
≈ Ornate
- 907152
≈ Mocha Syrup
Bổ túc chia +150° +210°
- 4D837C
Turquoise Tortoise
- 8E6B85
≈ Dianthus Mauve
- 976B60
≈ Safari Brown
Bộ bốn +90° +180° +270°
- 4D837C
Turquoise Tortoise
- 6D759B
≈ Velvet Morning
- 966973
≈ Brickwork Red
- 82774F
≈ Olive Ochre
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.32:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.85:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--turquoise-tortoise: #4d837c;
--turquoise-tortoise-rgb: 77 131 124;
--turquoise-tortoise-oklch: oklch(0.57 0.059 185.2);
}
.element {
color: var(--turquoise-tortoise);
background-color: hsl(172 26% 41%);
border-color: oklch(0.57 0.059 185.2);
}Tailwind CSS v4
@theme {
--color-turquoise-tortoise: #4d837c;
--color-turquoise-tortoise-50: #e3fbf8;
--color-turquoise-tortoise-100: #d3efeb;
--color-turquoise-tortoise-200: #b9ddd8;
--color-turquoise-tortoise-300: #96c2bc;
--color-turquoise-tortoise-400: #76aaa3;
--color-turquoise-tortoise-500: #56938b;
--color-turquoise-tortoise-600: #4a7c76;
--color-turquoise-tortoise-700: #3b645e;
--color-turquoise-tortoise-800: #2a4944;
--color-turquoise-tortoise-900: #1c332f;
--color-turquoise-tortoise-950: #0c1e1c;
}SCSS
$turquoise-tortoise: #4d837c;
$turquoise-tortoise-rgb: 77, 131, 124;
$turquoise-tortoise-light: mix(#fff, $turquoise-tortoise, 20%);
$turquoise-tortoise-dark: mix(#000, $turquoise-tortoise, 20%);
.element {
color: $turquoise-tortoise;
box-shadow: 0 0 0 2px rgba($turquoise-tortoise, 0.35);
}