Màu có tên gần nhất · #294B75
#294B75
Màu có tên gần nhất: Pretty Twilight Night
#294B75 (rgb(41 75 117), hsl(213 48% 31%), oklch(0.408 0.081 254.7)) gần nhất với màu có tên Pretty Twilight Night. 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.
#294B75
oklch(0.408 0.081 254.7)
Chuyển đổi màu
- HEX
- #294b75
- RGB
- rgb(41 75 117)
- HSL
- hsl(213 48% 31%)
- HWB
- hwb(213 16% 54%)
- OKLCH
- oklch(0.408 0.081 254.7)
- OKLab
- oklab(0.408 -0.022 -0.079)
- CIE Lab
- lab(30.92 -1.68 -28.27)
- LCH
- lch(30.92 28.32 266.6)
- CMYK
- cmyk(65% 36% 0% 54%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3D5C83
- 516D90
- 657E9E
- 7A90AB
- 8FA1B9
- A4B4C7
- BBC6D5
- D1D9E3
- E8ECF1
Sắc đậm
- 224065
- 1C3555
- 152B46
- 0F2137
- 091729
- 050E1C
- 02060F
- 010205
- 000001
Sắc xám
- 325077
- 3B5678
- 445B79
- 4C617B
- 55667C
- 5D6B7D
- 66707E
- 6F767F
- 777B7F
Hòa sắc
Bổ túc +180°
- 294B75
Pretty Twilight Night
- 634209
≈ Very Coffee
Tương đồng -30° +30°
- 294B75
Pretty Twilight Night
- 005269
≈ Blue Palisade
- 454374
≈ Deep Wisteria
Bộ ba +120° +240°
- 294B75
Pretty Twilight Night
- 6F363C
≈ Rubine
- 365324
≈ Chestnut Green
Bổ túc chia +150° +210°
- 294B75
Pretty Twilight Night
- 6E3A22
≈ New Amber
- 514C09
≈ Scorzonera Brown
Bộ bốn +90° +180° +270°
- 294B75
Pretty Twilight Night
- 683654
≈ Halayà Úbe
- 634209
≈ Very Coffee
- 0C573E
≈ Sacramento State Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.90:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.35:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 8.90:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--pretty-twilight-night: #294b75;
--pretty-twilight-night-rgb: 41 75 117;
--pretty-twilight-night-oklch: oklch(0.408 0.081 254.7);
}
.element {
color: var(--pretty-twilight-night);
background-color: hsl(213 48% 31%);
border-color: oklch(0.408 0.081 254.7);
}Tailwind CSS v4
@theme {
--color-pretty-twilight-night: #294b75;
--color-pretty-twilight-night-50: #e7f7ff;
--color-pretty-twilight-night-100: #d7eaff;
--color-pretty-twilight-night-200: #bed6f8;
--color-pretty-twilight-night-300: #9dbae1;
--color-pretty-twilight-night-400: #7ea1ce;
--color-pretty-twilight-night-500: #6089bb;
--color-pretty-twilight-night-600: #52749e;
--color-pretty-twilight-night-700: #415d7f;
--color-pretty-twilight-night-800: #2d445e;
--color-pretty-twilight-night-900: #1f2f42;
--color-pretty-twilight-night-950: #0e1b2a;
}SCSS
$pretty-twilight-night: #294b75;
$pretty-twilight-night-rgb: 41, 75, 117;
$pretty-twilight-night-light: mix(#fff, $pretty-twilight-night, 20%);
$pretty-twilight-night-dark: mix(#000, $pretty-twilight-night, 20%);
.element {
color: $pretty-twilight-night;
box-shadow: 0 0 0 2px rgba($pretty-twilight-night, 0.35);
}