이름 색상 · #8BAB68
Celuce
Celuce은(는) #8BAB68: rgb(139 171 104), hsl(89 29% 54%), oklch(0.701 0.099 129.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Celuce color name →
#8BAB68
oklch(0.701 0.099 129.4)
색상 변환
- HEX
- #8bab68
- RGB
- rgb(139 171 104)
- HSL
- hsl(89 29% 54%)
- HWB
- hwb(89 41% 33%)
- OKLCH
- oklch(0.701 0.099 129.4)
- OKLab
- oklab(0.701 -0.063 0.076)
- CIE Lab
- lab(66.35 -20.26 30.74)
- LCH
- lch(66.35 36.82 123.4)
- CMYK
- cmyk(19% 0% 39% 33%)
틴트 · 셰이드 · 톤
틴트
- 96B377
- A1BC86
- ADC495
- B8CCA4
- C4D5B3
- CFDDC2
- DBE6D1
- E7EEE0
- F3F7F0
셰이드
- 789459
- 667E4B
- 54683E
- 435430
- 324024
- 232D18
- 141B0C
- 070B04
- 010100
톤
- 8AA76B
- 89A26E
- 889E71
- 879A73
- 869676
- 859178
- 838D7A
- 82897C
- 81847E
색 조화
보색 +180°
- 8BAB68
Celuce
- B18ECD
≈ Fleur-De-Lis
유사색 -30° +30°
- 8BAB68
Celuce
- ADA054
≈ Organic Matter
- 64B289
≈ Elf Shoe
삼각 배색 +120° +240°
- 8BAB68
Celuce
- 6DA3DA
≈ Blue Gourami
- D48491
≈ Speckled Easter Egg
분열 보색 +150° +210°
- 8BAB68
Celuce
- 9298DB
≈ Portage
- C886B3
≈ Rock Star Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.58:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.12:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--celuce: #8bab68;
--celuce-rgb: 139 171 104;
--celuce-oklch: oklch(0.701 0.099 129.4);
}
.element {
color: var(--celuce);
background-color: hsl(89 29% 54%);
border-color: oklch(0.701 0.099 129.4);
}Tailwind CSS v4
@theme {
--color-celuce: #8bab68;
--color-celuce-50: #ebfcdf;
--color-celuce-100: #dcefcd;
--color-celuce-200: #c5deb2;
--color-celuce-300: #a5c28e;
--color-celuce-400: #8caa6b;
--color-celuce-500: #719349;
--color-celuce-600: #607c3f;
--color-celuce-700: #4c6432;
--color-celuce-800: #394922;
--color-celuce-900: #273216;
--color-celuce-950: #151e07;
}SCSS
$celuce: #8bab68;
$celuce-rgb: 139, 171, 104;
$celuce-light: mix(#fff, $celuce, 20%);
$celuce-dark: mix(#000, $celuce, 20%);
.element {
color: $celuce;
box-shadow: 0 0 0 2px rgba($celuce, 0.35);
}