이름 색상 · #B9D786
Pastel Lime
Pastel Lime은(는) #B9D786: rgb(185 215 134), hsl(82 50% 68%), oklch(0.838 0.111 125.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Pastel Lime color name →
#B9D786
oklch(0.838 0.111 125.3)
색상 변환
- HEX
- #b9d786
- RGB
- rgb(185 215 134)
- HSL
- hsl(82 50% 68%)
- HWB
- hwb(82 53% 16%)
- OKLCH
- oklch(0.838 0.111 125.3)
- OKLab
- oklab(0.838 -0.064 0.09)
- CIE Lab
- lab(82.35 -20.28 36.52)
- LCH
- lch(82.35 41.77 119)
- CMYK
- cmyk(14% 0% 38% 16%)
틴트 · 셰이드 · 톤
틴트
- C0DB93
- C7DF9F
- CEE3AB
- D4E7B8
- DBEBC4
- E2EFD0
- EAF3DB
- F1F7E7
- F8FBF3
셰이드
- A0BB74
- 899F62
- 718551
- 5B6B40
- 465230
- 313B21
- 1E2513
- 0D1106
- 020201
톤
- B3CE86
- ADC586
- A7BC86
- A2B486
- 9CAB85
- 96A284
- 919A84
- 8B9183
- 868881
색 조화
보색 +180°
- B9D786
Pastel Lime
- D9B9FF
≈ Lavender Fragrance
유사색 -30° +30°
- B9D786
Pastel Lime
- E0CA72
≈ Dijon Mustard
- 8CE0AB
≈ Jovial Jade
삼각 배색 +120° +240°
- B9D786
Pastel Lime
- 9BD0FF
≈ Baby Blue
- FFB1C1
≈ Soft Pink
분열 보색 +150° +210°
- B9D786
Pastel Lime
- BAC6FF
≈ Light Periwinkle
- F7AEE6
≈ Hanami Pink
사각 배색 +90° +180° +270°
- B9D786
Pastel Lime
- 68DCF7
≈ Athena Blue
- D9B9FF
≈ Lavender Fragrance
- FFB5A2
≈ Nature Apricot
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.12:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--pastel-lime: #b9d786;
--pastel-lime-rgb: 185 215 134;
--pastel-lime-oklch: oklch(0.838 0.111 125.3);
}
.element {
color: var(--pastel-lime);
background-color: hsl(82 50% 68%);
border-color: oklch(0.838 0.111 125.3);
}Tailwind CSS v4
@theme {
--color-pastel-lime: #b9d786;
--color-pastel-lime-50: #ecfcda;
--color-pastel-lime-100: #deefc8;
--color-pastel-lime-200: #c7deab;
--color-pastel-lime-300: #a8c285;
--color-pastel-lime-400: #8faa5f;
--color-pastel-lime-500: #759339;
--color-pastel-lime-600: #637c32;
--color-pastel-lime-700: #4f6327;
--color-pastel-lime-800: #3b4819;
--color-pastel-lime-900: #283210;
--color-pastel-lime-950: #161e03;
}SCSS
$pastel-lime: #b9d786;
$pastel-lime-rgb: 185, 215, 134;
$pastel-lime-light: mix(#fff, $pastel-lime, 20%);
$pastel-lime-dark: mix(#000, $pastel-lime, 20%);
.element {
color: $pastel-lime;
box-shadow: 0 0 0 2px rgba($pastel-lime, 0.35);
}