이름 색상 · #71AF98
Dusty Jade Green
Dusty Jade Green은(는) #71AF98: rgb(113 175 152), hsl(158 28% 56%), oklch(0.705 0.073 168.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Dusty Jade Green color name →
#71AF98
oklch(0.705 0.073 168.8)
색상 변환
- HEX
- #71af98
- RGB
- rgb(113 175 152)
- HSL
- hsl(158 28% 56%)
- HWB
- hwb(158 44% 31%)
- OKLCH
- oklch(0.705 0.073 168.8)
- OKLab
- oklab(0.705 -0.071 0.014)
- CIE Lab
- lab(66.76 -24.81 5.18)
- LCH
- lch(66.76 25.34 168.2)
- CMYK
- cmyk(35% 0% 13% 31%)
틴트 · 셰이드 · 톤
틴트
- 80B7A2
- 8EBFAC
- 9CC7B6
- AACFC0
- B8D7CA
- C7DFD5
- D5E7DF
- E3EFEA
- F1F7F4
셰이드
- 619884
- 528170
- 436B5C
- 35564A
- 274138
- 1A2E27
- 0E1C17
- 040B08
- 010101
톤
- 73AA96
- 76A693
- 78A191
- 799C8E
- 7B978C
- 7C938A
- 7D8E87
- 7E8985
- 7F8582
색 조화
보색 +180°
- 71AF98
Dusty Jade Green
- C38EA7
≈ Bonny Belle
유사색 -30° +30°
- 71AF98
Dusty Jade Green
- 89AB7F
≈ Lounge Green
- 66AEB1
≈ Fountain Blue
삼각 배색 +120° +240°
- 71AF98
Dusty Jade Green
- 9E99CB
≈ Bluebell Frost
- C69378
≈ African Bubinga
분열 보색 +150° +210°
- 71AF98
Dusty Jade Green
- B492BD
≈ Quibble
- CA8E8E
≈ Martini East
사각 배색 +90° +180° +270°
- 71AF98
Dusty Jade Green
- 85A1CE
≈ Wisteria Blue
- C38EA7
≈ Bonny Belle
- B99B6C
≈ Eastern Gold
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.53:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.28:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--dusty-jade-green: #71af98;
--dusty-jade-green-rgb: 113 175 152;
--dusty-jade-green-oklch: oklch(0.705 0.073 168.8);
}
.element {
color: var(--dusty-jade-green);
background-color: hsl(158 28% 56%);
border-color: oklch(0.705 0.073 168.8);
}Tailwind CSS v4
@theme {
--color-dusty-jade-green: #71af98;
--color-dusty-jade-green-50: #e2fcf2;
--color-dusty-jade-green-100: #d1f0e4;
--color-dusty-jade-green-200: #b6dfd0;
--color-dusty-jade-green-300: #92c4b2;
--color-dusty-jade-green-400: #72ad97;
--color-dusty-jade-green-500: #51967e;
--color-dusty-jade-green-600: #457f6a;
--color-dusty-jade-green-700: #376655;
--color-dusty-jade-green-800: #284b3d;
--color-dusty-jade-green-900: #1b342a;
--color-dusty-jade-green-950: #0b1f17;
}SCSS
$dusty-jade-green: #71af98;
$dusty-jade-green-rgb: 113, 175, 152;
$dusty-jade-green-light: mix(#fff, $dusty-jade-green, 20%);
$dusty-jade-green-dark: mix(#000, $dusty-jade-green, 20%);
.element {
color: $dusty-jade-green;
box-shadow: 0 0 0 2px rgba($dusty-jade-green, 0.35);
}