이름 색상 · #C2D7AD
Jade Bracelet
Jade Bracelet은(는) #C2D7AD: rgb(194 215 173), hsl(90 34% 76%), oklch(0.852 0.061 129.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Jade Bracelet color name →
#C2D7AD
oklch(0.852 0.061 129.3)
색상 변환
- HEX
- #c2d7ad
- RGB
- rgb(194 215 173)
- HSL
- hsl(90 34% 76%)
- HWB
- hwb(90 68% 16%)
- OKLCH
- oklch(0.852 0.061 129.3)
- OKLab
- oklab(0.852 -0.039 0.047)
- CIE Lab
- lab(83.57 -12.85 18.34)
- LCH
- lch(83.57 22.39 125)
- CMYK
- cmyk(10% 0% 20% 16%)
틴트 · 셰이드 · 톤
틴트
- C8DBB5
- CEDFBD
- D4E3C5
- DAE7CE
- E0EBD6
- E6EFDE
- ECF3E6
- F3F7EE
- F9FBF7
셰이드
- A8BB96
- 8F9F7F
- 77856A
- 606B55
- 495241
- 343B2D
- 20251B
- 0E110B
- 020201
톤
- BBCEA9
- B4C5A4
- AEBCA0
- A7B39B
- A0AB97
- 9AA292
- 93998E
- 8D9189
- 868885
색 조화
보색 +180°
- C2D7AD
Jade Bracelet
- DAC4ED
≈ Foggy Love
유사색 -30° +30°
- C2D7AD
Jade Bracelet
- D8D0A2
≈ Cream Cheese Avocado
- ADDBC0
≈ Shanghai Jade
삼각 배색 +120° +240°
- C2D7AD
Jade Bracelet
- B1D3F6
≈ Ice Cold Stare
- F3BFC6
≈ Strawberry Confection
분열 보색 +150° +210°
- C2D7AD
Jade Bracelet
- C6CBF7
≈ Lavender Blue
- EBC0DC
≈ Starlet Pink
사각 배색 +90° +180° +270°
- C2D7AD
Jade Bracelet
- A2D9EA
≈ Nevada Sky
- DAC4ED
≈ Foggy Love
- F3C2B1
≈ Peach Temptation
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.61:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--jade-bracelet: #c2d7ad;
--jade-bracelet-rgb: 194 215 173;
--jade-bracelet-oklch: oklch(0.852 0.061 129.3);
}
.element {
color: var(--jade-bracelet);
background-color: hsl(90 34% 76%);
border-color: oklch(0.852 0.061 129.3);
}Tailwind CSS v4
@theme {
--color-jade-bracelet: #c2d7ad;
--color-jade-bracelet-50: #eff9e7;
--color-jade-bracelet-100: #e1ecd8;
--color-jade-bracelet-200: #cbdabf;
--color-jade-bracelet-300: #acbe9e;
--color-jade-bracelet-400: #93a680;
--color-jade-bracelet-500: #798e63;
--color-jade-bracelet-600: #677954;
--color-jade-bracelet-700: #526043;
--color-jade-bracelet-800: #3c462f;
--color-jade-bracelet-900: #2a3120;
--color-jade-bracelet-950: #171d10;
}SCSS
$jade-bracelet: #c2d7ad;
$jade-bracelet-rgb: 194, 215, 173;
$jade-bracelet-light: mix(#fff, $jade-bracelet, 20%);
$jade-bracelet-dark: mix(#000, $jade-bracelet, 20%);
.element {
color: $jade-bracelet;
box-shadow: 0 0 0 2px rgba($jade-bracelet, 0.35);
}