Màu có tên gần nhất · #37226E
#37226E
Màu có tên gần nhất: Dark Dreams
#37226E (rgb(55 34 110), hsl(257 53% 28%), oklch(0.327 0.125 290.5)) gần nhất với màu có tên Dark Dreams. 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.
#37226E
oklch(0.327 0.125 290.5)
Chuyển đổi màu
- HEX
- #37226e
- RGB
- rgb(55 34 110)
- HSL
- hsl(257 53% 28%)
- HWB
- hwb(257 13% 57%)
- OKLCH
- oklch(0.327 0.125 290.5)
- OKLab
- oklab(0.327 0.044 -0.117)
- CIE Lab
- lab(19.81 25.83 -41.48)
- LCH
- lch(19.81 48.87 301.9)
- CMYK
- cmyk(50% 69% 0% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 47387D
- 594D8C
- 6B629A
- 7E77A9
- 928DB7
- A7A3C6
- BCB9D4
- D2D0E2
- E8E7F1
Sắc đậm
- 2E1C5F
- 261650
- 1E1141
- 160B33
- 0F0726
- 080319
- 03010E
- 010004
- 000001
Sắc xám
- 3D2D71
- 433773
- 4A4075
- 514A78
- 59537A
- 605C7B
- 68657D
- 706E7E
- 78777F
Hòa sắc
Bổ túc +180°
- 37226E
Dark Dreams
- 373700
≈ Wasabi Nori
Tương đồng -30° +30°
- 37226E
Dark Dreams
- 062F73
≈ Konjō Blue
- 4F165A
≈ Cosmic Explorer
Bộ ba +120° +240°
- 37226E
Dark Dreams
- 562400
≈ Conker Brown
- 003F30
≈ Mizukaze Green
Bổ túc chia +150° +210°
- 37226E
Dark Dreams
- 463000
≈ Night in the Woods
- 0B4100
≈ Hunter Green
Bộ bốn +90° +180° +270°
- 37226E
Dark Dreams
- 660717
≈ Claret
- 373700
≈ Wasabi Nori
- 003D40
≈ Rich Black
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.99:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.61:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.99:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--dark-dreams: #37226e;
--dark-dreams-rgb: 55 34 110;
--dark-dreams-oklch: oklch(0.327 0.125 290.5);
}
.element {
color: var(--dark-dreams);
background-color: hsl(257 53% 28%);
border-color: oklch(0.327 0.125 290.5);
}Tailwind CSS v4
@theme {
--color-dark-dreams: #37226e;
--color-dark-dreams-50: #f5efff;
--color-dark-dreams-100: #e8e1ff;
--color-dark-dreams-200: #d5cbff;
--color-dark-dreams-300: #b9acf2;
--color-dark-dreams-400: #9e91e3;
--color-dark-dreams-500: #8775d2;
--color-dark-dreams-600: #7264b1;
--color-dark-dreams-700: #5b508e;
--color-dark-dreams-800: #413a6b;
--color-dark-dreams-900: #2d284b;
--color-dark-dreams-950: #1a1631;
}SCSS
$dark-dreams: #37226e;
$dark-dreams-rgb: 55, 34, 110;
$dark-dreams-light: mix(#fff, $dark-dreams, 20%);
$dark-dreams-dark: mix(#000, $dark-dreams, 20%);
.element {
color: $dark-dreams;
box-shadow: 0 0 0 2px rgba($dark-dreams, 0.35);
}