Màu có tên gần nhất · #292D50
#292D50
Màu có tên gần nhất: Deep Sea Base
#292D50 (rgb(41 45 80), hsl(234 32% 24%), oklch(0.312 0.063 277.2)) gần nhất với màu có tên Deep Sea Base. 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.
#292D50
oklch(0.312 0.063 277.2)
Chuyển đổi màu
- HEX
- #292d50
- RGB
- rgb(41 45 80)
- HSL
- hsl(234 32% 24%)
- HWB
- hwb(234 16% 69%)
- OKLCH
- oklch(0.312 0.063 277.2)
- OKLab
- oklab(0.312 0.008 -0.062)
- CIE Lab
- lab(19.48 6.5 -22.38)
- LCH
- lch(19.48 23.3 286.2)
- CMYK
- cmyk(49% 44% 0% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3B4060
- 4E5371
- 626682
- 767B93
- 8C90A5
- A2A5B6
- B8BBC8
- CFD1DA
- E7E8EC
Sắc đậm
- 222644
- 1C1F39
- 15182E
- 0F1124
- 090B1A
- 050610
- 020207
- 010102
- 000000
Sắc xám
- 313555
- 393D5A
- 41455F
- 494D64
- 525669
- 5B5E6D
- 646672
- 6D6F77
- 77777B
Hòa sắc
Bổ túc +180°
- 292D50
Deep Sea Base
- 3A3002
≈ Hidden Passage
Tương đồng -30° +30°
- 292D50
Deep Sea Base
- 12334F
≈ Sea of Stars
- 392749
≈ Operetta Mauve
Bộ ba +120° +240°
- 292D50
Deep Sea Base
- 4B2419
≈ Tobi Brown
- 0E3A24
≈ Deep Fir
Bổ túc chia +150° +210°
- 292D50
Deep Sea Base
- 452A06
≈ Stirland Mud
- 283610
≈ Darkest Forest
Bộ bốn +90° +180° +270°
- 292D50
Deep Sea Base
- 4B222B
≈ Lees
- 3A3002
≈ Hidden Passage
- 003935
≈ Night Turquoise
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.24:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.58:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--deep-sea-base: #292d50;
--deep-sea-base-rgb: 41 45 80;
--deep-sea-base-oklch: oklch(0.312 0.063 277.2);
}
.element {
color: var(--deep-sea-base);
background-color: hsl(234 32% 24%);
border-color: oklch(0.312 0.063 277.2);
}Tailwind CSS v4
@theme {
--color-deep-sea-base: #292d50;
--color-deep-sea-base-50: #f1f4ff;
--color-deep-sea-base-100: #e3e6fd;
--color-deep-sea-base-200: #ced2ef;
--color-deep-sea-base-300: #b0b5d8;
--color-deep-sea-base-400: #959cc4;
--color-deep-sea-base-500: #7b83b0;
--color-deep-sea-base-600: #696f95;
--color-deep-sea-base-700: #535877;
--color-deep-sea-base-800: #3c4158;
--color-deep-sea-base-900: #292d3e;
--color-deep-sea-base-950: #171a27;
}SCSS
$deep-sea-base: #292d50;
$deep-sea-base-rgb: 41, 45, 80;
$deep-sea-base-light: mix(#fff, $deep-sea-base, 20%);
$deep-sea-base-dark: mix(#000, $deep-sea-base, 20%);
.element {
color: $deep-sea-base;
box-shadow: 0 0 0 2px rgba($deep-sea-base, 0.35);
}