Màu có tên gần nhất · #30277C
#30277C
Màu có tên gần nhất: Deep Space Rodeo
#30277C (rgb(48 39 124), hsl(246 52% 32%), oklch(0.341 0.138 281)) 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.
#30277C
oklch(0.341 0.138 281)
Chuyển đổi màu
- HEX
- #30277c
- RGB
- rgb(48 39 124)
- HSL
- hsl(246 52% 32%)
- HWB
- hwb(246 15% 51%)
- OKLCH
- oklch(0.341 0.138 281)
- OKLab
- oklab(0.341 0.026 -0.135)
- CIE Lab
- lab(21.33 24.95 -47.99)
- LCH
- lch(21.33 54.09 297.5)
- CMYK
- cmyk(61% 69% 0% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 403D8A
- 525298
- 6567A5
- 797CB2
- 8D91BF
- A3A6CC
- B9BCD9
- D0D2E6
- E7E8F3
Sắc đậm
- 28206B
- 211A5A
- 1A144A
- 130E3B
- 0C082C
- 06041E
- 030211
- 010105
- 000001
Sắc xám
- 36327D
- 3D3C7F
- 444580
- 4C4E80
- 545681
- 5C5F81
- 656781
- 6E6F81
- 777881
Hòa sắc
Bổ túc +180°
- 30277C
Deep Space Rodeo
- 403900
≈ Camouflage
Tương đồng -30° +30°
- 30277C
Deep Space Rodeo
- 003969
≈ Marine Blue
- 4E196B
≈ Velvet Vortex
Bộ ba +120° +240°
- 30277C
Deep Space Rodeo
- 621F00
≈ Raw Chocolate
- 00442B
≈ Lost in the Woods
Bổ túc chia +150° +210°
- 30277C
Deep Space Rodeo
- 503000
≈ Kyoto House
- 264100
≈ Forest Green
Bộ bốn +90° +180° +270°
- 30277C
Deep Space Rodeo
- 6D0026
≈ Plum Cheese
- 403900
≈ Camouflage
- 00423F
≈ Warm Black
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.30:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.70:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.30:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--deep-space-rodeo: #30277c;
--deep-space-rodeo-rgb: 48 39 124;
--deep-space-rodeo-oklch: oklch(0.341 0.138 281);
}
.element {
color: var(--deep-space-rodeo);
background-color: hsl(246 52% 32%);
border-color: oklch(0.341 0.138 281);
}Tailwind CSS v4
@theme {
--color-deep-space-rodeo: #30277c;
--color-deep-space-rodeo-50: #eff1ff;
--color-deep-space-rodeo-100: #e1e3ff;
--color-deep-space-rodeo-200: #cbcdff;
--color-deep-space-rodeo-300: #adaefc;
--color-deep-space-rodeo-400: #9094ee;
--color-deep-space-rodeo-500: #7878de;
--color-deep-space-rodeo-600: #6566bb;
--color-deep-space-rodeo-700: #515197;
--color-deep-space-rodeo-800: #393c71;
--color-deep-space-rodeo-900: #272950;
--color-deep-space-rodeo-950: #151635;
}SCSS
$deep-space-rodeo: #30277c;
$deep-space-rodeo-rgb: 48, 39, 124;
$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);
}