이름 색상 · #8BB490
Green Bonnet
Green Bonnet은(는) #8BB490: rgb(139 180 144), hsl(127 21% 63%), oklch(0.73 0.068 148.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Bonnet color name →
#8BB490
oklch(0.73 0.068 148.1)
색상 변환
- HEX
- #8bb490
- RGB
- rgb(139 180 144)
- HSL
- hsl(127 21% 63%)
- HWB
- hwb(127 55% 29%)
- OKLCH
- oklch(0.73 0.068 148.1)
- OKLab
- oklab(0.73 -0.058 0.036)
- CIE Lab
- lab(69.58 -19.75 13.75)
- LCH
- lch(69.58 24.07 145.2)
- CMYK
- cmyk(23% 0% 20% 29%)
틴트 · 셰이드 · 톤
틴트
- 96BB9B
- A2C3A6
- ADCAB0
- B9D2BB
- C4D9C6
- D0E1D2
- DCE8DD
- E7F0E8
- F3F7F4
셰이드
- 789C7D
- 66856A
- 546E57
- 435845
- 324434
- 233024
- 141D15
- 070C07
- 010201
톤
- 8AAF8E
- 89A98D
- 88A48B
- 879F8A
- 869A88
- 859587
- 848F85
- 838A83
- 818582
색 조화
보색 +180°
- 8BB490
Green Bonnet
- C099BE
≈ Lupine
유사색 -30° +30°
- 8BB490
Green Bonnet
- A3AE7D
≈ Fresh Guacamole
- 78B6A8
≈ Intracoastal
삼각 배색 +120° +240°
- 8BB490
Green Bonnet
- 95A7D3
≈ Foresight
- CF9890
≈ Nectarine Spice
분열 보색 +150° +210°
- 8BB490
Green Bonnet
- AD9FCD
≈ Purple Rose
- CC96A7
≈ Honey Pink
사각 배색 +90° +180° +270°
- 8BB490
Green Bonnet
- 7FAECE
≈ Blue Eyes
- C099BE
≈ Lupine
- C99E7E
≈ Desert Carnation
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.02:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--green-bonnet: #8bb490;
--green-bonnet-rgb: 139 180 144;
--green-bonnet-oklch: oklch(0.73 0.068 148.1);
}
.element {
color: var(--green-bonnet);
background-color: hsl(127 21% 63%);
border-color: oklch(0.73 0.068 148.1);
}Tailwind CSS v4
@theme {
--color-green-bonnet: #8bb490;
--color-green-bonnet-50: #e8fbeb;
--color-green-bonnet-100: #d9efdc;
--color-green-bonnet-200: #c1ddc5;
--color-green-bonnet-300: #9fc2a5;
--color-green-bonnet-400: #83aa88;
--color-green-bonnet-500: #67936d;
--color-green-bonnet-600: #577c5c;
--color-green-bonnet-700: #46634a;
--color-green-bonnet-800: #334934;
--color-green-bonnet-900: #233324;
--color-green-bonnet-950: #121e12;
}SCSS
$green-bonnet: #8bb490;
$green-bonnet-rgb: 139, 180, 144;
$green-bonnet-light: mix(#fff, $green-bonnet, 20%);
$green-bonnet-dark: mix(#000, $green-bonnet, 20%);
.element {
color: $green-bonnet;
box-shadow: 0 0 0 2px rgba($green-bonnet, 0.35);
}