가장 가까운 이름 색상 · #B7D5C7
#B7D5C7
가장 가까운 이름 색상: Jade Sea
#B7D5C7(rgb(183 213 199), hsl(152 26% 78%), oklch(0.847 0.037 165.6))와 가장 가까운 이름 색상은 Jade Sea입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B7D5C7
oklch(0.847 0.037 165.6)
색상 변환
- HEX
- #b7d5c7
- RGB
- rgb(183 213 199)
- HSL
- hsl(152 26% 78%)
- HWB
- hwb(152 72% 16%)
- OKLCH
- oklch(0.847 0.037 165.6)
- OKLab
- oklab(0.847 -0.036 0.009)
- CIE Lab
- lab(82.75 -12.4 3.42)
- LCH
- lch(82.75 12.86 164.6)
- CMYK
- cmyk(14% 0% 7% 16%)
틴트 · 셰이드 · 톤
틴트
- BED9CC
- C5DDD2
- CCE2D8
- D4E6DD
- DBEAE3
- E2EEE8
- E9F2EE
- F1F7F4
- F8FBF9
셰이드
- 9FB9AD
- 879E93
- 70837A
- 5A6A62
- 45514C
- 313A36
- 1E2421
- 0C100E
- 020202
톤
- B1CCC0
- ACC3B8
- A6BBB1
- A1B2AA
- 9BAAA3
- 96A19C
- 909995
- 8B908E
- 858887
색 조화
보색 +180°
- B7D5C7
Jade Sea
- E0C4D2
≈ Elusive Mauve
유사색 -30° +30°
- B7D5C7
Jade Sea
- C2D3BB
≈ Surf Crest
- B2D5D4
≈ Dante Peak
삼각 배색 +120° +240°
- B7D5C7
Jade Sea
- CACAE5
≈ Ace
- E3C6B9
≈ Cream Tan
분열 보색 +150° +210°
- B7D5C7
Jade Sea
- D6C6DE
≈ On Location
- E4C3C5
≈ Cranapple Cream
사각 배색 +90° +180° +270°
- B7D5C7
Jade Sea
- BDCEE6
≈ Maritime
- E0C4D2
≈ Elusive Mauve
- DBCAB2
≈ Softer Tan
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.35:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--jade-sea: #b7d5c7;
--jade-sea-rgb: 183 213 199;
--jade-sea-oklch: oklch(0.847 0.037 165.6);
}
.element {
color: var(--jade-sea);
background-color: hsl(152 26% 78%);
border-color: oklch(0.847 0.037 165.6);
}Tailwind CSS v4
@theme {
--color-jade-sea: #b7d5c7;
--color-jade-sea-50: #ecf9f3;
--color-jade-sea-100: #ddece5;
--color-jade-sea-200: #c6dad1;
--color-jade-sea-300: #a6beb4;
--color-jade-sea-400: #8aa699;
--color-jade-sea-500: #6f8e80;
--color-jade-sea-600: #5e786d;
--color-jade-sea-700: #4b6057;
--color-jade-sea-800: #37473f;
--color-jade-sea-900: #25312b;
--color-jade-sea-950: #141d19;
}SCSS
$jade-sea: #b7d5c7;
$jade-sea-rgb: 183, 213, 199;
$jade-sea-light: mix(#fff, $jade-sea, 20%);
$jade-sea-dark: mix(#000, $jade-sea, 20%);
.element {
color: $jade-sea;
box-shadow: 0 0 0 2px rgba($jade-sea, 0.35);
}