Màu có tên gần nhất · #281871
#281871
Màu có tên gần nhất: Deep Space Rodeo
#281871 (rgb(40 24 113), hsl(251 65% 27%), oklch(0.299 0.142 281.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.
#281871
oklch(0.299 0.142 281.7)
Chuyển đổi màu
- HEX
- #281871
- RGB
- rgb(40 24 113)
- HSL
- hsl(251 65% 27%)
- HWB
- hwb(251 9% 56%)
- OKLCH
- oklch(0.299 0.142 281.7)
- OKLab
- oklab(0.299 0.029 -0.139)
- CIE Lab
- lab(16.14 29.17 -49.49)
- LCH
- lch(16.14 57.45 300.5)
- CMYK
- cmyk(65% 79% 0% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 383180
- 4A488F
- 5D5E9D
- 7274AC
- 888ABA
- 9EA1C8
- B5B8D6
- CDCFE4
- E6E7F1
Sắc đậm
- 211361
- 1B0F52
- 150A43
- 0F0735
- 090427
- 04021A
- 02010E
- 010004
- 000001
Sắc xám
- 2E2674
- 353176
- 3D3C78
- 46467A
- 4F507C
- 585A7D
- 62637E
- 6B6D7F
- 767680
Hòa sắc
Bổ túc +180°
- 281871
Deep Space Rodeo
- 342E00
≈ Swamp of Sorrows
Tương đồng -30° +30°
- 281871
Deep Space Rodeo
- 002E58
≈ Effervescent Blue
- 44065F
≈ Obsidian Shell
Bộ ba +120° +240°
- 281871
Deep Space Rodeo
- 511900
≈ Chocolate Rush
- 003823
≈ Off-Road Green
Bổ túc chia +150° +210°
- 281871
Deep Space Rodeo
- 412700
≈ Blackened Brown
- 1D3600
≈ Elite Green
Bộ bốn +90° +180° +270°
- 281871
Deep Space Rodeo
- 5A001D
≈ Bloedworst
- 342E00
≈ Swamp of Sorrows
- 003634
≈ Shrub Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.39:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.45:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.39:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--deep-space-rodeo: #281871;
--deep-space-rodeo-rgb: 40 24 113;
--deep-space-rodeo-oklch: oklch(0.299 0.142 281.7);
}
.element {
color: var(--deep-space-rodeo);
background-color: hsl(251 65% 27%);
border-color: oklch(0.299 0.142 281.7);
}Tailwind CSS v4
@theme {
--color-deep-space-rodeo: #281871;
--color-deep-space-rodeo-50: #eff1ff;
--color-deep-space-rodeo-100: #e1e2ff;
--color-deep-space-rodeo-200: #cccdff;
--color-deep-space-rodeo-300: #aeadfe;
--color-deep-space-rodeo-400: #9193f0;
--color-deep-space-rodeo-500: #7977e1;
--color-deep-space-rodeo-600: #6665be;
--color-deep-space-rodeo-700: #525198;
--color-deep-space-rodeo-800: #393b72;
--color-deep-space-rodeo-900: #272950;
--color-deep-space-rodeo-950: #161636;
}SCSS
$deep-space-rodeo: #281871;
$deep-space-rodeo-rgb: 40, 24, 113;
$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);
}