이름 색상 · #7CAC88
Adventurine
Adventurine은(는) #7CAC88: rgb(124 172 136), hsl(135 22% 58%), oklch(0.7 0.073 151.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Adventurine color name →
#7CAC88
oklch(0.7 0.073 151.9)
색상 변환
- HEX
- #7cac88
- RGB
- rgb(124 172 136)
- HSL
- hsl(135 22% 58%)
- HWB
- hwb(135 49% 33%)
- OKLCH
- oklch(0.7 0.073 151.9)
- OKLab
- oklab(0.7 -0.065 0.035)
- CIE Lab
- lab(66.18 -22.32 13.22)
- LCH
- lch(66.18 25.94 149.4)
- CMYK
- cmyk(28% 0% 21% 33%)
틴트 · 셰이드 · 톤
틴트
- 89B493
- 96BC9F
- A3C5AB
- B0CDB6
- BDD5C2
- CADDCE
- D7E6DA
- E4EEE6
- F2F7F3
셰이드
- 6B9575
- 5A7F63
- 4A6952
- 3B5441
- 2C4031
- 1E2D22
- 111B13
- 050B06
- 010101
톤
- 7DA887
- 7EA387
- 7E9F86
- 7F9A85
- 7F9684
- 809283
- 808D83
- 808982
- 808481
색 조화
보색 +180°
- 7CAC88
Adventurine
- BA8EB3
≈ Tiny Ribbons
유사색 -30° +30°
- 7CAC88
Adventurine
- 97A673
≈ Lettuce Mound
- 68AEA2
≈ Green Crush
삼각 배색 +120° +240°
- 7CAC88
Adventurine
- 8E9CCD
≈ Velvet Robe
- C88E82
≈ Rose de Mai
분열 보색 +150° +210°
- 7CAC88
Adventurine
- A794C5
≈ Enchanted Lilac
- C68C9B
≈ Beetroot Rice
사각 배색 +90° +180° +270°
- 7CAC88
Adventurine
- 75A5C9
≈ Wandering River
- BA8EB3
≈ Tiny Ribbons
- C0946F
≈ Painted Pony
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.58:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.11:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.11:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--adventurine: #7cac88;
--adventurine-rgb: 124 172 136;
--adventurine-oklch: oklch(0.7 0.073 151.9);
}
.element {
color: var(--adventurine);
background-color: hsl(135 22% 58%);
border-color: oklch(0.7 0.073 151.9);
}Tailwind CSS v4
@theme {
--color-adventurine: #7cac88;
--color-adventurine-50: #e6fcec;
--color-adventurine-100: #d6f0dd;
--color-adventurine-200: #bddec6;
--color-adventurine-300: #9bc3a6;
--color-adventurine-400: #7eab89;
--color-adventurine-500: #60946e;
--color-adventurine-600: #527e5d;
--color-adventurine-700: #41644a;
--color-adventurine-800: #304a35;
--color-adventurine-900: #203324;
--color-adventurine-950: #101f13;
}SCSS
$adventurine: #7cac88;
$adventurine-rgb: 124, 172, 136;
$adventurine-light: mix(#fff, $adventurine, 20%);
$adventurine-dark: mix(#000, $adventurine, 20%);
.element {
color: $adventurine;
box-shadow: 0 0 0 2px rgba($adventurine, 0.35);
}