Màu có tên gần nhất · #2E2170
#2E2170
Màu có tên gần nhất: Deep Space Rodeo
#2E2170 (rgb(46 33 112), hsl(250 54% 28%), oklch(0.318 0.129 283.7)) gần nhất với màu có tên Deep Space Rodeo. 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.
#2E2170
oklch(0.318 0.129 283.7)
Chuyển đổi màu
- HEX
- #2e2170
- RGB
- rgb(46 33 112)
- HSL
- hsl(250 54% 28%)
- HWB
- hwb(250 13% 56%)
- OKLCH
- oklch(0.318 0.129 283.7)
- OKLab
- oklab(0.318 0.031 -0.126)
- CIE Lab
- lab(18.72 24.81 -44.61)
- LCH
- lch(18.72 51.04 299.1)
- CMYK
- cmyk(59% 71% 0% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3E377F
- 504D8E
- 63629C
- 7777AA
- 8C8DB9
- A2A3C7
- B8B9D5
- CFD0E3
- E7E7F1
Sắc đậm
- 271B60
- 1F1651
- 181043
- 120B35
- 0B0627
- 06031A
- 02010E
- 010004
- 000001
Sắc xám
- 342C73
- 3B3675
- 434077
- 4B4A79
- 53537B
- 5B5C7C
- 64657E
- 6D6E7F
- 77777F
Hòa sắc
Bổ túc +180°
- 2E2170
Deep Space Rodeo
- 383300
≈ Wasabi Nori
Tương đồng -30° +30°
- 2E2170
Deep Space Rodeo
- 003263
≈ Prussian Blue
- 49145F
≈ Obsidian Shell
Bộ ba +120° +240°
- 2E2170
Deep Space Rodeo
- 571E00
≈ Conker Brown
- 003D29
≈ Deep Fir
Bổ túc chia +150° +210°
- 2E2170
Deep Space Rodeo
- 462C00
≈ Stirland Mud
- 1D3B00
≈ Melancholia
Bộ bốn +90° +180° +270°
- 2E2170
Deep Space Rodeo
- 63001E
≈ Merguez
- 383300
≈ Wasabi Nori
- 003B3A
≈ Customs Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.39:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.56:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.39:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--deep-space-rodeo: #2e2170;
--deep-space-rodeo-rgb: 46 33 112;
--deep-space-rodeo-oklch: oklch(0.318 0.129 283.7);
}
.element {
color: var(--deep-space-rodeo);
background-color: hsl(250 54% 28%);
border-color: oklch(0.318 0.129 283.7);
}Tailwind CSS v4
@theme {
--color-deep-space-rodeo: #2e2170;
--color-deep-space-rodeo-50: #f1f1ff;
--color-deep-space-rodeo-100: #e3e2ff;
--color-deep-space-rodeo-200: #cfcdff;
--color-deep-space-rodeo-300: #b1aef7;
--color-deep-space-rodeo-400: #9593e8;
--color-deep-space-rodeo-500: #7d78d8;
--color-deep-space-rodeo-600: #6a66b6;
--color-deep-space-rodeo-700: #545192;
--color-deep-space-rodeo-800: #3c3c6e;
--color-deep-space-rodeo-900: #29294d;
--color-deep-space-rodeo-950: #171633;
}SCSS
$deep-space-rodeo: #2e2170;
$deep-space-rodeo-rgb: 46, 33, 112;
$deep-space-rodeo-light: mix(#fff, $deep-space-rodeo, 20%);
$deep-space-rodeo-dark: mix(#000, $deep-space-rodeo, 20%);
.element {
color: $deep-space-rodeo;
box-shadow: 0 0 0 2px rgba($deep-space-rodeo, 0.35);
}