이름 색상 · #B7D1D1
Lakeside Find
Lakeside Find은(는) #B7D1D1: rgb(183 209 209), hsl(180 22% 77%), oklch(0.841 0.028 196.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lakeside Find color name →
#B7D1D1
oklch(0.841 0.028 196.6)
색상 변환
- HEX
- #b7d1d1
- RGB
- rgb(183 209 209)
- HSL
- hsl(180 22% 77%)
- HWB
- hwb(180 72% 18%)
- OKLCH
- oklch(0.841 0.028 196.6)
- OKLab
- oklab(0.841 -0.027 -0.008)
- CIE Lab
- lab(81.9 -9.01 -3.1)
- LCH
- lch(81.9 9.53 199)
- CMYK
- cmyk(12% 0% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- BED6D6
- C5DADA
- CCDFDF
- D4E3E3
- DBE8E8
- E2ECEC
- E9F1F1
- F0F6F6
- F8FAFA
셰이드
- 9FB5B5
- 879B9B
- 708181
- 5A6868
- 455050
- 313939
- 1E2323
- 0C1010
- 020202
톤
- B1C9C9
- ACC0C0
- A6B8B8
- A1B0B0
- 9BA8A8
- 96A0A0
- 909898
- 8B9090
- 858888
색 조화
보색 +180°
- B7D1D1
Lakeside Find
- DDC4C5
≈ Bunny Pink
유사색 -30° +30°
- B7D1D1
Lakeside Find
- BBD1C7
≈ Moon Glass
- B9CFD9
≈ Mudra
삼각 배색 +120° +240°
- B7D1D1
Lakeside Find
- D2C6D7
≈ Tender Touch
- D6C9B7
≈ Almond Wisp
분열 보색 +150° +210°
- B7D1D1
Lakeside Find
- DAC4CF
≈ Mauve Organdie
- DBC6BC
≈ Shell
사각 배색 +90° +180° +270°
- B7D1D1
Lakeside Find
- C9C9DD
≈ Gregorio Garden
- DDC4C5
≈ Bunny Pink
- CDCDB8
≈ Half Moon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.05:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--lakeside-find: #b7d1d1;
--lakeside-find-rgb: 183 209 209;
--lakeside-find-oklch: oklch(0.841 0.028 196.6);
}
.element {
color: var(--lakeside-find);
background-color: hsl(180 22% 77%);
border-color: oklch(0.841 0.028 196.6);
}Tailwind CSS v4
@theme {
--color-lakeside-find: #b7d1d1;
--color-lakeside-find-50: #edf8f8;
--color-lakeside-find-100: #deebeb;
--color-lakeside-find-200: #c7d8d9;
--color-lakeside-find-300: #a8bcbd;
--color-lakeside-find-400: #8ca4a4;
--color-lakeside-find-500: #718c8c;
--color-lakeside-find-600: #607777;
--color-lakeside-find-700: #4d5f5f;
--color-lakeside-find-800: #374645;
--color-lakeside-find-900: #263030;
--color-lakeside-find-950: #141c1c;
}SCSS
$lakeside-find: #b7d1d1;
$lakeside-find-rgb: 183, 209, 209;
$lakeside-find-light: mix(#fff, $lakeside-find, 20%);
$lakeside-find-dark: mix(#000, $lakeside-find, 20%);
.element {
color: $lakeside-find;
box-shadow: 0 0 0 2px rgba($lakeside-find, 0.35);
}