이름 색상 · #0ABAB5
Jade Gravel
Jade Gravel은(는) #0ABAB5: rgb(10 186 181), hsl(178 90% 38%), oklch(0.713 0.122 191.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Jade Gravel color name →
#0ABAB5
oklch(0.713 0.122 191.3)
색상 변환
- HEX
- #0abab5
- RGB
- rgb(10 186 181)
- HSL
- hsl(178 90% 38%)
- HWB
- hwb(178 4% 27%)
- OKLCH
- oklch(0.713 0.122 191.3)
- OKLab
- oklab(0.713 -0.119 -0.024)
- CIE Lab
- lab(68.07 -40.79 -9.18)
- LCH
- lch(68.07 41.82 192.7)
- CMYK
- cmyk(95% 0% 3% 27%)
틴트 · 셰이드 · 톤
틴트
- 42C1BC
- 60C8C3
- 78CFCB
- 8DD6D2
- A2DDDA
- B5E4E1
- C8EBE8
- DBF2F0
- EDF8F7
셰이드
- 07A19D
- 058986
- 03726F
- 025C59
- 014644
- 013230
- 001E1D
- 000D0C
- 000202
톤
- 31B4B0
- 43AFAA
- 50A9A5
- 5BA39F
- 649D9A
- 6B9895
- 719290
- 778C8A
- 7C8685
색 조화
보색 +180°
- 0ABAB5
Jade Gravel
- E3818F
≈ True Love
유사색 -30° +30°
- 0ABAB5
Jade Gravel
- 50BA8A
≈ Bleached Olive
- 2BB3D8
≈ Ocean Sigh
삼각 배색 +120° +240°
- 0ABAB5
Jade Gravel
- BB8CDA
≈ Pale Purple
- D29543
≈ Hint of Caramel
분열 보색 +150° +210°
- 0ABAB5
Jade Gravel
- D683B9
≈ Middle Purple
- E28765
≈ Midnight in Saigon
사각 배색 +90° +180° +270°
- 0ABAB5
Jade Gravel
- 9699EC
≈ Cold Lips
- E3818F
≈ True Love
- B3A440
≈ Brass
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.41:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.70:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--jade-gravel: #0abab5;
--jade-gravel-rgb: 10 186 181;
--jade-gravel-oklch: oklch(0.713 0.122 191.3);
}
.element {
color: var(--jade-gravel);
background-color: hsl(178 90% 38%);
border-color: oklch(0.713 0.122 191.3);
}Tailwind CSS v4
@theme {
--color-jade-gravel: #0abab5;
--color-jade-gravel-50: #ceffff;
--color-jade-gravel-100: #b9f5f3;
--color-jade-gravel-200: #95e5e3;
--color-jade-gravel-300: #62cbc9;
--color-jade-gravel-400: #1eb5b0;
--color-jade-gravel-500: #009e9a;
--color-jade-gravel-600: #008682;
--color-jade-gravel-700: #006b68;
--color-jade-gravel-800: #004f4b;
--color-jade-gravel-900: #003734;
--color-jade-gravel-950: #002220;
}SCSS
$jade-gravel: #0abab5;
$jade-gravel-rgb: 10, 186, 181;
$jade-gravel-light: mix(#fff, $jade-gravel, 20%);
$jade-gravel-dark: mix(#000, $jade-gravel, 20%);
.element {
color: $jade-gravel;
box-shadow: 0 0 0 2px rgba($jade-gravel, 0.35);
}