가장 가까운 이름 색상 · #B0D5B7
#B0D5B7
가장 가까운 이름 색상: Frosted Fir
#B0D5B7(rgb(176 213 183), hsl(131 31% 76%), oklch(0.838 0.057 150.6))와 가장 가까운 이름 색상은 Frosted Fir입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B0D5B7
oklch(0.838 0.057 150.6)
색상 변환
- HEX
- #b0d5b7
- RGB
- rgb(176 213 183)
- HSL
- hsl(131 31% 76%)
- HWB
- hwb(131 69% 16%)
- OKLCH
- oklch(0.838 0.057 150.6)
- OKLab
- oklab(0.838 -0.05 0.028)
- CIE Lab
- lab(81.96 -17.02 10.65)
- LCH
- lch(81.96 20.08 148)
- CMYK
- cmyk(17% 0% 14% 16%)
틴트 · 셰이드 · 톤
틴트
- B8D9BE
- C0DDC5
- C8E2CC
- D0E6D3
- D7EADB
- DFEEE2
- E7F2E9
- EFF7F0
- F7FBF8
셰이드
- 99B99F
- 829E87
- 6C8370
- 566A5A
- 425145
- 2E3A31
- 1C241E
- 0B100C
- 010202
톤
- ABCCB1
- A6C3AC
- A2BBA6
- 9DB2A1
- 98AA9B
- 93A196
- 8E9990
- 8A908B
- 858885
색 조화
보색 +180°
- B0D5B7
Frosted Fir
- E0BDDB
≈ Designer Pink
유사색 -30° +30°
- B0D5B7
Frosted Fir
- C4D0A7
≈ Landscape
- A2D7CC
≈ Yucca Cream
삼각 배색 +120° +240°
- B0D5B7
Frosted Fir
- BCC9F0
≈ Cuddle
- EDBDB4
≈ Sweet Sherry
분열 보색 +150° +210°
- B0D5B7
Frosted Fir
- D0C2EA
≈ York Plum
- EBBBC8
≈ Madder Rose
사각 배색 +90° +180° +270°
- B0D5B7
Frosted Fir
- A9D0EC
≈ Marzena Dream
- E0BDDB
≈ Designer Pink
- E6C2A5
≈ Fabulous Fawn
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.04:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--frosted-fir: #b0d5b7;
--frosted-fir-rgb: 176 213 183;
--frosted-fir-oklch: oklch(0.838 0.057 150.6);
}
.element {
color: var(--frosted-fir);
background-color: hsl(131 31% 76%);
border-color: oklch(0.838 0.057 150.6);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b0d5b7;
--color-frosted-fir-50: #eafaed;
--color-frosted-fir-100: #daeedf;
--color-frosted-fir-200: #c3dcc9;
--color-frosted-fir-300: #a2c0aa;
--color-frosted-fir-400: #87a88d;
--color-frosted-fir-500: #6b9173;
--color-frosted-fir-600: #5b7b61;
--color-frosted-fir-700: #48624e;
--color-frosted-fir-800: #354837;
--color-frosted-fir-900: #243226;
--color-frosted-fir-950: #131e14;
}SCSS
$frosted-fir: #b0d5b7;
$frosted-fir-rgb: 176, 213, 183;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}