가장 가까운 이름 색상 · #BACFB0
#BACFB0
가장 가까운 이름 색상: Nature
#BACFB0(rgb(186 207 176), hsl(101 24% 75%), oklch(0.83 0.048 135.5))와 가장 가까운 이름 색상은 Nature입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#BACFB0
oklch(0.83 0.048 135.5)
색상 변환
- HEX
- #bacfb0
- RGB
- rgb(186 207 176)
- HSL
- hsl(101 24% 75%)
- HWB
- hwb(101 69% 19%)
- OKLCH
- oklch(0.83 0.048 135.5)
- OKLab
- oklab(0.83 -0.034 0.034)
- CIE Lab
- lab(80.9 -11.59 12.96)
- LCH
- lch(80.9 17.39 131.8)
- CMYK
- cmyk(10% 0% 15% 19%)
틴트 · 셰이드 · 톤
틴트
- C1D4B8
- C8D9C0
- CEDDC7
- D5E2CF
- DCE7D7
- E3ECDF
- EAF1E7
- F1F5EF
- F8FAF7
셰이드
- A1B499
- 899982
- 727F6C
- 5C6756
- 464F42
- 32382E
- 1E231C
- 0D100B
- 020201
톤
- B4C7AB
- AEBFA6
- A8B7A1
- A2AF9D
- 9DA798
- 979F93
- 91978E
- 8B8F8A
- 868885
색 조화
보색 +180°
- BACFB0
Nature
- D4BEDD
≈ Plum Point
유사색 -30° +30°
- BACFB0
Nature
- CBCAA6
≈ Thistle Green
- ABD2C0
≈ Misty Jade
삼각 배색 +120° +240°
- BACFB0
Nature
- B3C9E7
≈ Radar
- E5BBBD
≈ Soft Blush
분열 보색 +150° +210°
- BACFB0
Nature
- C4C4E6
≈ Party Hat
- E0BBCE
≈ Creamy Berry
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.63:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--nature: #bacfb0;
--nature-rgb: 186 207 176;
--nature-oklch: oklch(0.83 0.048 135.5);
}
.element {
color: var(--nature);
background-color: hsl(101 24% 75%);
border-color: oklch(0.83 0.048 135.5);
}Tailwind CSS v4
@theme {
--color-nature: #bacfb0;
--color-nature-50: #eff9eb;
--color-nature-100: #e0ecdc;
--color-nature-200: #cbd9c6;
--color-nature-300: #acbea6;
--color-nature-400: #92a589;
--color-nature-500: #788e6e;
--color-nature-600: #66785d;
--color-nature-700: #51604a;
--color-nature-800: #3c4635;
--color-nature-900: #293124;
--color-nature-950: #171d13;
}SCSS
$nature: #bacfb0;
$nature-rgb: 186, 207, 176;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}