이름 색상 · #7B9F82
Aquadulce
Aquadulce은(는) #7B9F82: rgb(123 159 130), hsl(132 16% 55%), oklch(0.667 0.058 150.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Aquadulce color name →
#7B9F82
oklch(0.667 0.058 150.4)
색상 변환
- HEX
- #7b9f82
- RGB
- rgb(123 159 130)
- HSL
- hsl(132 16% 55%)
- HWB
- hwb(132 48% 38%)
- OKLCH
- oklch(0.667 0.058 150.4)
- OKLab
- oklab(0.667 -0.051 0.029)
- CIE Lab
- lab(62.18 -17.39 10.97)
- LCH
- lch(62.18 20.56 147.8)
- CMYK
- cmyk(23% 0% 18% 38%)
틴트 · 셰이드 · 톤
틴트
- 88A88E
- 95B29A
- A2BBA6
- AFC5B2
- BCCEBF
- C9D8CB
- D6E2D8
- E4EBE5
- F1F5F2
셰이드
- 6A8A70
- 5A755F
- 4A614E
- 3A4D3E
- 2C3B2F
- 1E2920
- 101812
- 050906
- 010101
톤
- 7C9C82
- 7C9982
- 7D9682
- 7E9381
- 7E9081
- 7F8C81
- 7F8981
- 7F8681
- 808380
색 조화
보색 +180°
- 7B9F82
Aquadulce
- AA88A5
≈ Lavender Herb
유사색 -30° +30°
- 7B9F82
Aquadulce
- 8F9A72
≈ Alamosa Green
- 6CA196
≈ Jade Dragon
삼각 배색 +120° +240°
- 7B9F82
Aquadulce
- 8793B9
≈ PHP Purple
- B6887F
≈ Cappuccino Bombe
분열 보색 +150° +210°
- 7B9F82
Aquadulce
- 9A8DB3
≈ Purple Agate
- B38693
≈ Keepsake Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.94:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.12:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--aquadulce: #7b9f82;
--aquadulce-rgb: 123 159 130;
--aquadulce-oklch: oklch(0.667 0.058 150.4);
}
.element {
color: var(--aquadulce);
background-color: hsl(132 16% 55%);
border-color: oklch(0.667 0.058 150.4);
}Tailwind CSS v4
@theme {
--color-aquadulce: #7b9f82;
--color-aquadulce-50: #e9faed;
--color-aquadulce-100: #daeedf;
--color-aquadulce-200: #c3dcc8;
--color-aquadulce-300: #a2c0a9;
--color-aquadulce-400: #86a98d;
--color-aquadulce-500: #6a9172;
--color-aquadulce-600: #5a7b61;
--color-aquadulce-700: #48624d;
--color-aquadulce-800: #344837;
--color-aquadulce-900: #243226;
--color-aquadulce-950: #131e14;
}SCSS
$aquadulce: #7b9f82;
$aquadulce-rgb: 123, 159, 130;
$aquadulce-light: mix(#fff, $aquadulce, 20%);
$aquadulce-dark: mix(#000, $aquadulce, 20%);
.element {
color: $aquadulce;
box-shadow: 0 0 0 2px rgba($aquadulce, 0.35);
}