Màu có tên gần nhất · #00826D
#00826D
Màu có tên gần nhất: Shadows of Time
#00826D (rgb(0 130 109), hsl(170 100% 25%), oklch(0.542 0.101 176.1)) gần nhất với màu có tên Shadows of Time. 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.
#00826D
oklch(0.542 0.101 176.1)
Chuyển đổi màu
- HEX
- #00826d
- RGB
- rgb(0 130 109)
- HSL
- hsl(170 100% 25%)
- HWB
- hwb(170 0% 49%)
- OKLCH
- oklch(0.542 0.101 176.1)
- OKLab
- oklab(0.542 -0.101 0.007)
- CIE Lab
- lab(48.17 -35.7 2.38)
- LCH
- lch(48.17 35.77 176.2)
- CMYK
- cmyk(100% 0% 16% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 338E7B
- 4F9A88
- 66A796
- 7DB3A5
- 93C0B3
- A9CCC2
- BED9D1
- D4E5E0
- E9F2EF
Sắc đậm
- 00705E
- 005F4F
- 004E41
- 003E33
- 002F26
- 002019
- 00120D
- 000604
- 000101
Sắc xám
- 23826F
- 358271
- 428273
- 4D8275
- 578276
- 608278
- 69817A
- 71817C
- 79807E
Hòa sắc
Bổ túc +180°
- 00826D
Shadows of Time
- 9D5571
≈ Mulberry Mix
Tương đồng -30° +30°
- 00826D
Shadows of Time
- 457F4A
≈ Tarmac Green
- 007E8A
≈ Metallic Seaweed
Bộ ba +120° +240°
- 00826D
Shadows of Time
- 7562A3
≈ Scampi
- 9B5E2F
≈ Gingerbread Crumble
Bổ túc chia +150° +210°
- 00826D
Shadows of Time
- 8D598F
≈ Ancient Murasaki Purple
- A25650
≈ Bravado Red
Bộ bốn +90° +180° +270°
- 00826D
Shadows of Time
- 536DAA
≈ New Age Blue
- 9D5571
≈ Mulberry Mix
- 896A1A
≈ Muddy Brown
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.75:1 · APCA Lc 72
Ag
FailTrên nền đen
WCAG 4.41:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--shadows-of-time: #00826d;
--shadows-of-time-rgb: 0 130 109;
--shadows-of-time-oklch: oklch(0.542 0.101 176.1);
}
.element {
color: var(--shadows-of-time);
background-color: hsl(170 100% 25%);
border-color: oklch(0.542 0.101 176.1);
}Tailwind CSS v4
@theme {
--color-shadows-of-time: #00826d;
--color-shadows-of-time-50: #d7fff5;
--color-shadows-of-time-100: #c5f4e8;
--color-shadows-of-time-200: #a5e3d4;
--color-shadows-of-time-300: #7cc9b7;
--color-shadows-of-time-400: #53b29c;
--color-shadows-of-time-500: #179c84;
--color-shadows-of-time-600: #1a846f;
--color-shadows-of-time-700: #156959;
--color-shadows-of-time-800: #0f4e40;
--color-shadows-of-time-900: #09362c;
--color-shadows-of-time-950: #002119;
}SCSS
$shadows-of-time: #00826d;
$shadows-of-time-rgb: 0, 130, 109;
$shadows-of-time-light: mix(#fff, $shadows-of-time, 20%);
$shadows-of-time-dark: mix(#000, $shadows-of-time, 20%);
.element {
color: $shadows-of-time;
box-shadow: 0 0 0 2px rgba($shadows-of-time, 0.35);
}