Màu có tên gần nhất · #BFCAE3
#BFCAE3
Màu có tên gần nhất: Maritime
#BFCAE3 (rgb(191 202 227), hsl(222 39% 82%), oklch(0.838 0.037 266.7)) gần nhất với màu có tên Maritime. 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.
#BFCAE3
oklch(0.838 0.037 266.7)
Chuyển đổi màu
- HEX
- #bfcae3
- RGB
- rgb(191 202 227)
- HSL
- hsl(222 39% 82%)
- HWB
- hwb(222 75% 11%)
- OKLCH
- oklch(0.838 0.037 266.7)
- OKLab
- oklab(0.838 -0.002 -0.037)
- CIE Lab
- lab(81.07 -0.1 -13.8)
- LCH
- lch(81.07 13.8 269.6)
- CMYK
- cmyk(16% 11% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5CFE6
- CCD4E9
- D2DAEC
- D8DFEE
- DFE4F1
- E5EAF4
- EBEFF7
- F2F4F9
- F8FAFC
Sắc đậm
- A6AFC5
- 8D95A8
- 757C8C
- 5E6471
- 484D57
- 33373F
- 1F2227
- 0D0F12
- 020203
Sắc xám
- B9C2D9
- B2BBCE
- ACB3C4
- A5ACBA
- 9FA4B0
- 999DA6
- 92969D
- 8C8E93
- 868789
Hòa sắc
Bổ túc +180°
- BFCAE3
Maritime
- D5C9AF
≈ Wood Ash
Tương đồng -30° +30°
- BFCAE3
Maritime
- B4CEDF
≈ Crystal Waters
- CCC6E0
≈ Purple Purity
Bộ ba +120° +240°
- BFCAE3
Maritime
- E1C1BD
≈ Slubbed Silk
- BBD1BC
≈ Sunlit Sea
Bổ túc chia +150° +210°
- BFCAE3
Maritime
- DEC5B3
≈ Arabian Sands
- C8CEB3
≈ Chilled Cucumber
Bộ bốn +90° +180° +270°
- BFCAE3
Maritime
- DFC1CA
≈ Baby Tone
- D5C9AF
≈ Wood Ash
- B2D2C9
≈ Uninhibited
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.77:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--maritime: #bfcae3;
--maritime-rgb: 191 202 227;
--maritime-oklch: oklch(0.838 0.037 266.7);
}
.element {
color: var(--maritime);
background-color: hsl(222 39% 82%);
border-color: oklch(0.838 0.037 266.7);
}Tailwind CSS v4
@theme {
--color-maritime: #bfcae3;
--color-maritime-50: #f1f5ff;
--color-maritime-100: #e3e8f5;
--color-maritime-200: #cdd4e5;
--color-maritime-300: #afb7cb;
--color-maritime-400: #949eb5;
--color-maritime-500: #7b869f;
--color-maritime-600: #687187;
--color-maritime-700: #535b6c;
--color-maritime-800: #3c4250;
--color-maritime-900: #292e37;
--color-maritime-950: #171b22;
}SCSS
$maritime: #bfcae3;
$maritime-rgb: 191, 202, 227;
$maritime-light: mix(#fff, $maritime, 20%);
$maritime-dark: mix(#000, $maritime, 20%);
.element {
color: $maritime;
box-shadow: 0 0 0 2px rgba($maritime, 0.35);
}