가장 가까운 이름 색상 · #B3DDD1
#B3DDD1
가장 가까운 이름 색상: Jade Sea
#B3DDD1(rgb(179 221 209), hsl(163 38% 78%), oklch(0.864 0.047 175.9))와 가장 가까운 이름 색상은 Jade Sea입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B3DDD1
oklch(0.864 0.047 175.9)
색상 변환
- HEX
- #b3ddd1
- RGB
- rgb(179 221 209)
- HSL
- hsl(163 38% 78%)
- HWB
- hwb(163 70% 13%)
- OKLCH
- oklch(0.864 0.047 175.9)
- OKLab
- oklab(0.864 -0.047 0.003)
- CIE Lab
- lab(84.86 -16.03 1.14)
- LCH
- lch(84.86 16.07 175.9)
- CMYK
- cmyk(19% 0% 5% 13%)
틴트 · 셰이드 · 톤
틴트
- BBE0D6
- C2E4DA
- CAE7DF
- D2EBE3
- D9EEE8
- E1F1EC
- E8F5F1
- F0F8F6
- F7FCFA
셰이드
- 9BC0B5
- 84A49B
- 6E8881
- 586E68
- 435550
- 2F3D39
- 1D2623
- 0C1110
- 010202
톤
- AED3C9
- A9CAC0
- A4C0B8
- 9FB7B0
- 9AADA8
- 95A4A0
- 909B98
- 8A9290
- 858988
색 조화
보색 +180°
- B3DDD1
Jade Sea
- EDC6D3
≈ Desire Pink
유사색 -30° +30°
- B3DDD1
Jade Sea
- C0DBC0
≈ Thistleberry Green
- AFDCE1
≈ Daly Waters
삼각 배색 +120° +240°
- B3DDD1
Jade Sea
- D4CDEE
≈ Miami White
- EBCBB5
≈ Sweet Orange
분열 보색 +150° +210°
- B3DDD1
Jade Sea
- E3C8E3
≈ Syrian Violet
- F0C7C3
≈ Delicate Pink Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.18:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--jade-sea: #b3ddd1;
--jade-sea-rgb: 179 221 209;
--jade-sea-oklch: oklch(0.864 0.047 175.9);
}
.element {
color: var(--jade-sea);
background-color: hsl(163 38% 78%);
border-color: oklch(0.864 0.047 175.9);
}Tailwind CSS v4
@theme {
--color-jade-sea: #b3ddd1;
--color-jade-sea-50: #e8faf5;
--color-jade-sea-100: #d8ede8;
--color-jade-sea-200: #c0dbd4;
--color-jade-sea-300: #9fc0b7;
--color-jade-sea-400: #82a89d;
--color-jade-sea-500: #659185;
--color-jade-sea-600: #567a70;
--color-jade-sea-700: #44625a;
--color-jade-sea-800: #314841;
--color-jade-sea-900: #21322d;
--color-jade-sea-950: #111e1a;
}SCSS
$jade-sea: #b3ddd1;
$jade-sea-rgb: 179, 221, 209;
$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);
}