Màu có tên gần nhất · #308265
#308265
Màu có tên gần nhất: Shadows of Time
#308265 (rgb(48 130 101), hsl(159 46% 35%), oklch(0.548 0.092 166.4)) 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.
#308265
oklch(0.548 0.092 166.4)
Chuyển đổi màu
- HEX
- #308265
- RGB
- rgb(48 130 101)
- HSL
- hsl(159 46% 35%)
- HWB
- hwb(159 19% 49%)
- OKLCH
- oklch(0.548 0.092 166.4)
- OKLab
- oklab(0.548 -0.089 0.022)
- CIE Lab
- lab(48.82 -31.53 8.06)
- LCH
- lch(48.82 32.54 165.7)
- CMYK
- cmyk(63% 0% 22% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 488E73
- 5E9A82
- 72A791
- 87B3A0
- 9ABFAF
- AECCBF
- C2D9CE
- D6E5DE
- EBF2EF
Sắc đậm
- 287057
- 215F49
- 1A4E3C
- 133E2F
- 0C2F22
- 062017
- 03120C
- 010603
- 000100
Sắc xám
- 3C8268
- 46826A
- 4F826D
- 578270
- 5F8273
- 668175
- 6D8178
- 73817B
- 7A807D
Hòa sắc
Bổ túc +180°
- 308265
Shadows of Time
- 985A7C
≈ Immortality
Tương đồng -30° +30°
- 308265
Shadows of Time
- 587D46
≈ Mossy Green
- 088183
≈ Windows 95 Desktop
Bộ ba +120° +240°
- 308265
Shadows of Time
- 6D68A4
≈ Inner Journey
- 9D5F41
≈ Harrison Rust
Bổ túc chia +150° +210°
- 308265
Shadows of Time
- 866095
≈ Wisteria Purple
- A05A5E
≈ Cheek Red
Bộ bốn +90° +180° +270°
- 308265
Shadows of Time
- 4D72A6
≈ Song of the Sea
- 985A7C
≈ Immortality
- 8F692C
≈ Armageddon Dunes
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--shadows-of-time: #308265;
--shadows-of-time-rgb: 48 130 101;
--shadows-of-time-oklch: oklch(0.548 0.092 166.4);
}
.element {
color: var(--shadows-of-time);
background-color: hsl(159 46% 35%);
border-color: oklch(0.548 0.092 166.4);
}Tailwind CSS v4
@theme {
--color-shadows-of-time: #308265;
--color-shadows-of-time-50: #ddfef0;
--color-shadows-of-time-100: #cbf2e2;
--color-shadows-of-time-200: #aee1cd;
--color-shadows-of-time-300: #88c7af;
--color-shadows-of-time-400: #65b092;
--color-shadows-of-time-500: #3e9978;
--color-shadows-of-time-600: #368266;
--color-shadows-of-time-700: #2b6852;
--color-shadows-of-time-800: #1f4c3a;
--color-shadows-of-time-900: #143528;
--color-shadows-of-time-950: #052016;
}SCSS
$shadows-of-time: #308265;
$shadows-of-time-rgb: 48, 130, 101;
$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);
}