가장 가까운 이름 색상 · #B5D4D0
#B5D4D0
가장 가까운 이름 색상: Aquatic Edge
#B5D4D0(rgb(181 212 208), hsl(172 26% 77%), oklch(0.846 0.033 187.1))와 가장 가까운 이름 색상은 Aquatic Edge입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B5D4D0
oklch(0.846 0.033 187.1)
색상 변환
- HEX
- #b5d4d0
- RGB
- rgb(181 212 208)
- HSL
- hsl(172 26% 77%)
- HWB
- hwb(172 71% 17%)
- OKLCH
- oklch(0.846 0.033 187.1)
- OKLab
- oklab(0.846 -0.033 -0.004)
- CIE Lab
- lab(82.54 -11.27 -1.66)
- LCH
- lch(82.54 11.39 188.4)
- CMYK
- cmyk(15% 0% 2% 17%)
틴트 · 셰이드 · 톤
틴트
- BCD8D5
- C4DDD9
- CBE1DE
- D3E5E3
- DAE9E7
- E1EEEC
- E9F2F1
- F0F6F5
- F8FBFA
셰이드
- 9DB8B5
- 869D9A
- 6F8380
- 596967
- 44514F
- 303A39
- 1D2423
- 0C1010
- 020202
톤
- B0CBC8
- AAC3BF
- A5BAB7
- A0B2AF
- 9AA9A7
- 95A19F
- 909897
- 8B908F
- 858888
색 조화
보색 +180°
- B5D4D0
Aquatic Edge
- E1C4C9
≈ Pink Pandora
유사색 -30° +30°
- B5D4D0
Aquatic Edge
- BCD3C4
≈ Sage Bundle
- B5D2DB
≈ Shrubby Lichen
삼각 배색 +120° +240°
- B5D4D0
Aquatic Edge
- D2C7DE
≈ On Location
- DCC9B6
≈ Loft Light
분열 보색 +150° +210°
- B5D4D0
Aquatic Edge
- DCC5D4
≈ Blissful
- E1C6BD
≈ Pale Sienna
사각 배색 +90° +180° +270°
- B5D4D0
Aquatic Edge
- C6CBE3
≈ Periwinkle Powder
- E1C4C9
≈ Pink Pandora
- D2CDB5
≈ Montezuma
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.29:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--aquatic-edge: #b5d4d0;
--aquatic-edge-rgb: 181 212 208;
--aquatic-edge-oklch: oklch(0.846 0.033 187.1);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(172 26% 77%);
border-color: oklch(0.846 0.033 187.1);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #b5d4d0;
--color-aquatic-edge-50: #ebf8f7;
--color-aquatic-edge-100: #dcecea;
--color-aquatic-edge-200: #c5d9d7;
--color-aquatic-edge-300: #a5bdbb;
--color-aquatic-edge-400: #89a5a2;
--color-aquatic-edge-500: #6d8e8a;
--color-aquatic-edge-600: #5d7875;
--color-aquatic-edge-700: #4a605d;
--color-aquatic-edge-800: #364644;
--color-aquatic-edge-900: #25312f;
--color-aquatic-edge-950: #131d1b;
}SCSS
$aquatic-edge: #b5d4d0;
$aquatic-edge-rgb: 181, 212, 208;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}