이름 색상 · #B0BDA2
Jade Cameo
Jade Cameo은(는) #B0BDA2: rgb(176 189 162), hsl(89 17% 69%), oklch(0.781 0.04 128.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Jade Cameo color name →
#B0BDA2
oklch(0.781 0.04 128.3)
색상 변환
- HEX
- #b0bda2
- RGB
- rgb(176 189 162)
- HSL
- hsl(89 17% 69%)
- HWB
- hwb(89 64% 26%)
- OKLCH
- oklch(0.781 0.04 128.3)
- OKLab
- oklab(0.781 -0.025 0.031)
- CIE Lab
- lab(75.03 -8.33 12.1)
- LCH
- lch(75.03 14.69 124.5)
- CMYK
- cmyk(7% 0% 14% 26%)
틴트 · 셰이드 · 톤
틴트
- B8C3AB
- BFCAB4
- C7D0BD
- CFD7C7
- D7DED0
- DFE4D9
- E7EBE2
- EFF2EC
- F7F8F5
셰이드
- 99A48C
- 828C77
- 6C7463
- 565D4F
- 42473C
- 2E332A
- 1C1F19
- 0B0D0A
- 010201
톤
- ABB79F
- A6B19B
- A1AA98
- 9CA494
- 989E91
- 93988E
- 8E928A
- 898C87
- 858683
색 조화
보색 +180°
- B0BDA2
Jade Cameo
- BFB1CC
≈ Purple Essence
유사색 -30° +30°
- B0BDA2
Jade Cameo
- BEB89C
≈ Distant Valley
- A3C0AE
≈ Cambridge Blue
삼각 배색 +120° +240°
- B0BDA2
Jade Cameo
- A4BAD1
≈ Seascape Blue
- D0AEB2
≈ Ballet Rose
분열 보색 +150° +210°
- B0BDA2
Jade Cameo
- B1B6D2
≈ Hundred Waters
- CAAEC0
≈ Winsome Orchid
사각 배색 +90° +180° +270°
- B0BDA2
Jade Cameo
- 9CBEC9
≈ Rest Assured
- BFB1CC
≈ Purple Essence
- CFAFA5
≈ Lime Hawk Moth
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.64:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--jade-cameo: #b0bda2;
--jade-cameo-rgb: 176 189 162;
--jade-cameo-oklch: oklch(0.781 0.04 128.3);
}
.element {
color: var(--jade-cameo);
background-color: hsl(89 17% 69%);
border-color: oklch(0.781 0.04 128.3);
}Tailwind CSS v4
@theme {
--color-jade-cameo: #b0bda2;
--color-jade-cameo-50: #f1f8ec;
--color-jade-cameo-100: #e3ebdd;
--color-jade-cameo-200: #ced8c6;
--color-jade-cameo-300: #b0bca7;
--color-jade-cameo-400: #97a38a;
--color-jade-cameo-500: #7e8c6f;
--color-jade-cameo-600: #6b765f;
--color-jade-cameo-700: #555f4b;
--color-jade-cameo-800: #3f4536;
--color-jade-cameo-900: #2b3025;
--color-jade-cameo-950: #181c14;
}SCSS
$jade-cameo: #b0bda2;
$jade-cameo-rgb: 176, 189, 162;
$jade-cameo-light: mix(#fff, $jade-cameo, 20%);
$jade-cameo-dark: mix(#000, $jade-cameo, 20%);
.element {
color: $jade-cameo;
box-shadow: 0 0 0 2px rgba($jade-cameo, 0.35);
}