이름 색상 · #85BB65
Dollar Bill
Dollar Bill은(는) #85BB65: rgb(133 187 101), hsl(98 39% 56%), oklch(0.734 0.13 134.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Dollar Bill color name →
#85BB65
oklch(0.734 0.13 134.8)
색상 변환
- HEX
- #85bb65
- RGB
- rgb(133 187 101)
- HSL
- hsl(98 39% 56%)
- HWB
- hwb(98 40% 27%)
- OKLCH
- oklch(0.734 0.13 134.8)
- OKLab
- oklab(0.734 -0.091 0.092)
- CIE Lab
- lab(70.62 -29.98 37.46)
- LCH
- lch(70.62 47.98 128.7)
- CMYK
- cmyk(29% 0% 46% 27%)
틴트 · 셰이드 · 톤
틴트
- 91C275
- 9DC985
- A9D094
- B5D7A4
- C1DDB3
- CEE4C2
- DAEBD1
- E6F2E0
- F3F8F0
셰이드
- 73A257
- 618A49
- 50733C
- 405C2F
- 304622
- 213217
- 131F0C
- 060D03
- 010200
톤
- 85B569
- 85AF6C
- 84A970
- 84A473
- 839E75
- 839878
- 82927A
- 828C7C
- 81867E
색 조화
보색 +180°
- 85BB65
Dollar Bill
- C78FE1
≈ Luminous Lavender
유사색 -30° +30°
- 85BB65
Dollar Bill
- B6AD3F
≈ Friendly Frog
- 46C294
≈ Macau
삼각 배색 +120° +240°
- 85BB65
Dollar Bill
- 6EACF9
≈ Fennel Flower
- EF858F
≈ Flamingo Dream
분열 보색 +150° +210°
- 85BB65
Dollar Bill
- A19DF7
≈ Cold Lips
- E286BC
≈ Pink Punk
사각 배색 +90° +180° +270°
- 85BB65
Dollar Bill
- 2BB9E6
≈ Blue Bikini
- C78FE1
≈ Luminous Lavender
- EC8D61
≈ Heat of Summer
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.29:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--dollar-bill: #85bb65;
--dollar-bill-rgb: 133 187 101;
--dollar-bill-oklch: oklch(0.734 0.13 134.8);
}
.element {
color: var(--dollar-bill);
background-color: hsl(98 39% 56%);
border-color: oklch(0.734 0.13 134.8);
}Tailwind CSS v4
@theme {
--color-dollar-bill: #85bb65;
--color-dollar-bill-50: #e4feda;
--color-dollar-bill-100: #d4f3c8;
--color-dollar-bill-200: #bbe2ab;
--color-dollar-bill-300: #98c785;
--color-dollar-bill-400: #7daf5f;
--color-dollar-bill-500: #5f9838;
--color-dollar-bill-600: #518131;
--color-dollar-bill-700: #406727;
--color-dollar-bill-800: #304b18;
--color-dollar-bill-900: #21340f;
--color-dollar-bill-950: #102003;
}SCSS
$dollar-bill: #85bb65;
$dollar-bill-rgb: 133, 187, 101;
$dollar-bill-light: mix(#fff, $dollar-bill, 20%);
$dollar-bill-dark: mix(#000, $dollar-bill, 20%);
.element {
color: $dollar-bill;
box-shadow: 0 0 0 2px rgba($dollar-bill, 0.35);
}