Màu có tên gần nhất · #272C56
#272C56
Màu có tên gần nhất: Deep Sea Base
#272C56 (rgb(39 44 86), hsl(234 38% 25%), oklch(0.312 0.075 276)) 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.
#272C56
oklch(0.312 0.075 276)
Chuyển đổi màu
- HEX
- #272c56
- RGB
- rgb(39 44 86)
- HSL
- hsl(234 38% 25%)
- HWB
- hwb(234 15% 66%)
- OKLCH
- oklch(0.312 0.075 276)
- OKLab
- oklab(0.312 0.008 -0.074)
- CIE Lab
- lab(19.31 8.23 -26.65)
- LCH
- lch(19.31 27.9 287.2)
- CMYK
- cmyk(55% 49% 0% 66%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 393F66
- 4C5276
- 606687
- 757B98
- 8A8FA8
- A1A5B9
- B7BBCA
- CFD1DC
- E7E8ED
Sắc đậm
- 20254A
- 1A1E3E
- 141732
- 0E1127
- 080A1C
- 040512
- 020208
- 010102
- 000000
Sắc xám
- 2F345B
- 373D5F
- 3F4564
- 484D68
- 51556C
- 5A5E70
- 636674
- 6D6F78
- 76777C
Hòa sắc
Bổ túc +180°
- 272C56
Deep Sea Base
- 3A3000
≈ Hidden Passage
Tương đồng -30° +30°
- 272C56
Deep Sea Base
- 063354
≈ Night Dive
- 3A254E
≈ Operetta Mauve
Bộ ba +120° +240°
- 272C56
Deep Sea Base
- 502014
≈ Tobi Brown
- 013B20
≈ Off-Road Green
Bổ túc chia +150° +210°
- 272C56
Deep Sea Base
- 482800
≈ Stirland Mud
- 273704
≈ Blind Forest
Bộ bốn +90° +180° +270°
- 272C56
Deep Sea Base
- 4F1E2B
≈ Vino Tinto
- 3A3000
≈ 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.28: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.28:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--deep-sea-base: #272c56;
--deep-sea-base-rgb: 39 44 86;
--deep-sea-base-oklch: oklch(0.312 0.075 276);
}
.element {
color: var(--deep-sea-base);
background-color: hsl(234 38% 25%);
border-color: oklch(0.312 0.075 276);
}Tailwind CSS v4
@theme {
--color-deep-sea-base: #272c56;
--color-deep-sea-base-50: #f0f4ff;
--color-deep-sea-base-100: #e1e6ff;
--color-deep-sea-base-200: #ccd2f5;
--color-deep-sea-base-300: #aeb4de;
--color-deep-sea-base-400: #929bcb;
--color-deep-sea-base-500: #7882b8;
--color-deep-sea-base-600: #666e9b;
--color-deep-sea-base-700: #51587d;
--color-deep-sea-base-800: #3a405c;
--color-deep-sea-base-900: #282c41;
--color-deep-sea-base-950: #161929;
}SCSS
$deep-sea-base: #272c56;
$deep-sea-base-rgb: 39, 44, 86;
$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);
}