이름 색상 · #B1D99D
Witty Green
Witty Green은(는) #B1D99D: rgb(177 217 157), hsl(100 44% 73%), oklch(0.841 0.091 135.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Witty Green color name →
#B1D99D
oklch(0.841 0.091 135.4)
색상 변환
- HEX
- #b1d99d
- RGB
- rgb(177 217 157)
- HSL
- hsl(100 44% 73%)
- HWB
- hwb(100 62% 15%)
- OKLCH
- oklch(0.841 0.091 135.4)
- OKLab
- oklab(0.841 -0.065 0.064)
- CIE Lab
- lab(82.68 -21.75 25.17)
- LCH
- lch(82.68 33.27 130.8)
- CMYK
- cmyk(18% 0% 28% 15%)
틴트 · 셰이드 · 톤
틴트
- B9DDA7
- C1E1B1
- C8E5BB
- D0E8C4
- D8ECCE
- E0F0D8
- E7F4E2
- EFF8EB
- F7FBF5
셰이드
- 99BC88
- 83A173
- 6C865F
- 576C4C
- 42533A
- 2F3B28
- 1C2518
- 0C1109
- 010201
톤
- ACD09A
- A7C798
- A2BE95
- 9DB592
- 99AC8F
- 94A38C
- 8F9A89
- 8A9186
- 858983
색 조화
보색 +180°
- B1D99D
Witty Green
- E2B9F4
≈ Lavender Fragrance
유사색 -30° +30°
- B1D99D
Witty Green
- D3CF88
≈ Yellow Endive
- 90DEBD
≈ Āsmānī Sky
삼각 배색 +120° +240°
- B1D99D
Witty Green
- A9CEFF
≈ Night Snow
- FFB4B8
≈ Young Salmon
분열 보색 +150° +210°
- B1D99D
Witty Green
- C5C4FF
≈ Light Periwinkle
- F7B3D8
≈ Lavender Candy
사각 배색 +90° +180° +270°
- B1D99D
Witty Green
- 87D8F8
≈ Kul Sharif Blue
- E2B9F4
≈ Lavender Fragrance
- FEB999
≈ Cream Puff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.28:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--witty-green: #b1d99d;
--witty-green-rgb: 177 217 157;
--witty-green-oklch: oklch(0.841 0.091 135.4);
}
.element {
color: var(--witty-green);
background-color: hsl(100 44% 73%);
border-color: oklch(0.841 0.091 135.4);
}Tailwind CSS v4
@theme {
--color-witty-green: #b1d99d;
--color-witty-green-50: #e9fce2;
--color-witty-green-100: #daf0d2;
--color-witty-green-200: #c2deb8;
--color-witty-green-300: #a1c395;
--color-witty-green-400: #87ab74;
--color-witty-green-500: #6b9455;
--color-witty-green-600: #5b7d49;
--color-witty-green-700: #48643a;
--color-witty-green-800: #354928;
--color-witty-green-900: #24331b;
--color-witty-green-950: #131e0b;
}SCSS
$witty-green: #b1d99d;
$witty-green-rgb: 177, 217, 157;
$witty-green-light: mix(#fff, $witty-green, 20%);
$witty-green-dark: mix(#000, $witty-green, 20%);
.element {
color: $witty-green;
box-shadow: 0 0 0 2px rgba($witty-green, 0.35);
}