가장 가까운 이름 색상 · #BFCAE3
#BFCAE3
가장 가까운 이름 색상: Maritime
#BFCAE3(rgb(191 202 227), hsl(222 39% 82%), oklch(0.838 0.037 266.7))와 가장 가까운 이름 색상은 Maritime입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BFCAE3
oklch(0.838 0.037 266.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C5CFE6
- CCD4E9
- D2DAEC
- D8DFEE
- DFE4F1
- E5EAF4
- EBEFF7
- F2F4F9
- F8FAFC
셰이드
- A6AFC5
- 8D95A8
- 757C8C
- 5E6471
- 484D57
- 33373F
- 1F2227
- 0D0F12
- 020203
톤
- B9C2D9
- B2BBCE
- ACB3C4
- A5ACBA
- 9FA4B0
- 999DA6
- 92969D
- 8C8E93
- 868789
색 조화
보색 +180°
- BFCAE3
Maritime
- D5C9AF
≈ Wood Ash
유사색 -30° +30°
- BFCAE3
Maritime
- B4CEDF
≈ Crystal Waters
- CCC6E0
≈ Purple Purity
삼각 배색 +120° +240°
- BFCAE3
Maritime
- E1C1BD
≈ Slubbed Silk
- BBD1BC
≈ Sunlit Sea
분열 보색 +150° +210°
- BFCAE3
Maritime
- DEC5B3
≈ Arabian Sands
- C8CEB3
≈ Chilled Cucumber
사각 배색 +90° +180° +270°
- BFCAE3
Maritime
- DFC1CA
≈ Baby Tone
- D5C9AF
≈ Wood Ash
- B2D2C9
≈ Uninhibited
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.77:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
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);
}