이름 색상 · #95DABD
Green Jewel
Green Jewel은(는) #95DABD: rgb(149 218 189), hsl(155 48% 72%), oklch(0.834 0.081 166.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Jewel color name →
#95DABD
oklch(0.834 0.081 166.3)
색상 변환
- HEX
- #95dabd
- RGB
- rgb(149 218 189)
- HSL
- hsl(155 48% 72%)
- HWB
- hwb(155 58% 15%)
- OKLCH
- oklch(0.834 0.081 166.3)
- OKLab
- oklab(0.834 -0.079 0.019)
- CIE Lab
- lab(81.86 -27.22 7.07)
- LCH
- lch(81.86 28.12 165.4)
- CMYK
- cmyk(32% 0% 13% 15%)
틴트 · 셰이드 · 톤
틴트
- A0DEC3
- ABE2CA
- B6E5D0
- C1E9D7
- CBEDDE
- D6F0E4
- E0F4EB
- EBF8F2
- F5FBF8
셰이드
- 81BDA4
- 6DA28C
- 5A8774
- 486C5D
- 375447
- 263C33
- 16251F
- 08110D
- 010202
톤
- 94D1B7
- 92C7B0
- 90BEAA
- 8EB5A4
- 8CAC9E
- 8AA398
- 889A92
- 85918C
- 838986
색 조화
보색 +180°
- 95DABD
Green Jewel
- F0B4D4
≈ Soft Cashmere
유사색 -30° +30°
- 95DABD
Green Jewel
- B1D5A1
≈ In Good Taste
- 87D9DA
≈ Island Oasis
삼각 배색 +120° +240°
- 95DABD
Green Jewel
- C4C2FC
≈ Light Periwinkle
- F6B99C
≈ Mandys Pink
분열 보색 +150° +210°
- 95DABD
Green Jewel
- DEB9EC
≈ Beefy Pink
- F9B4B6
≈ Precious Pink
사각 배색 +90° +180° +270°
- 95DABD
Green Jewel
- A7CBFD
≈ Night Snow
- F0B4D4
≈ Soft Cashmere
- E7C28D
≈ Gold Hearted
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.04:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--green-jewel: #95dabd;
--green-jewel-rgb: 149 218 189;
--green-jewel-oklch: oklch(0.834 0.081 166.3);
}
.element {
color: var(--green-jewel);
background-color: hsl(155 48% 72%);
border-color: oklch(0.834 0.081 166.3);
}Tailwind CSS v4
@theme {
--color-green-jewel: #95dabd;
--color-green-jewel-50: #e0fdf1;
--color-green-jewel-100: #cff1e3;
--color-green-jewel-200: #b4e0ce;
--color-green-jewel-300: #8fc5b0;
--color-green-jewel-400: #6eae94;
--color-green-jewel-500: #4b977a;
--color-green-jewel-600: #408067;
--color-green-jewel-700: #336653;
--color-green-jewel-800: #254b3b;
--color-green-jewel-900: #193428;
--color-green-jewel-950: #092016;
}SCSS
$green-jewel: #95dabd;
$green-jewel-rgb: 149, 218, 189;
$green-jewel-light: mix(#fff, $green-jewel, 20%);
$green-jewel-dark: mix(#000, $green-jewel, 20%);
.element {
color: $green-jewel;
box-shadow: 0 0 0 2px rgba($green-jewel, 0.35);
}