이름 색상 · #70BAA7
Larchmere
Larchmere은(는) #70BAA7: rgb(112 186 167), hsl(165 35% 58%), oklch(0.735 0.08 175.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Larchmere color name →
#70BAA7
oklch(0.735 0.08 175.7)
색상 변환
- HEX
- #70baa7
- RGB
- rgb(112 186 167)
- HSL
- hsl(165 35% 58%)
- HWB
- hwb(165 44% 27%)
- OKLCH
- oklch(0.735 0.08 175.7)
- OKLab
- oklab(0.735 -0.079 0.006)
- CIE Lab
- lab(70.28 -27.52 2.02)
- LCH
- lch(70.28 27.59 175.8)
- CMYK
- cmyk(40% 0% 10% 27%)
틴트 · 셰이드 · 톤
틴트
- 7FC1AF
- 8EC8B8
- 9DCFC1
- ABD6C9
- B9DCD2
- C7E3DB
- D5EAE4
- E3F1ED
- F1F8F6
셰이드
- 60A191
- 51897B
- 437266
- 355C52
- 27463E
- 1A322C
- 0E1E1A
- 040D0A
- 010201
톤
- 73B4A3
- 75AE9F
- 78A89B
- 7AA397
- 7B9D93
- 7D978F
- 7E918C
- 7F8C88
- 7F8684
색 조화
보색 +180°
- 70BAA7
Larchmere
- D295AB
≈ Honey Pink
유사색 -30° +30°
- 70BAA7
Larchmere
- 89B78B
≈ Aniseed Leaf Green
- 68B8C2
≈ Maritime Soft Blue
삼각 배색 +120° +240°
- 70BAA7
Larchmere
- AD9FD6
≈ Simply Violet
- D19C78
≈ Rustic Adobe
분열 보색 +150° +210°
- 70BAA7
Larchmere
- C498C5
≈ Pastel Violet
- D7968F
≈ Petite Orchid
사각 배색 +90° +180° +270°
- 70BAA7
Larchmere
- 91A9DC
≈ Black Drop
- D295AB
≈ Honey Pink
- C0A66E
≈ Hay Yellow
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.27:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--larchmere: #70baa7;
--larchmere-rgb: 112 186 167;
--larchmere-oklch: oklch(0.735 0.08 175.7);
}
.element {
color: var(--larchmere);
background-color: hsl(165 35% 58%);
border-color: oklch(0.735 0.08 175.7);
}Tailwind CSS v4
@theme {
--color-larchmere: #70baa7;
--color-larchmere-50: #defdf5;
--color-larchmere-100: #cdf1e8;
--color-larchmere-200: #b1e0d4;
--color-larchmere-300: #8bc5b7;
--color-larchmere-400: #69ae9c;
--color-larchmere-500: #439784;
--color-larchmere-600: #3a8070;
--color-larchmere-700: #2e6759;
--color-larchmere-800: #214b40;
--color-larchmere-900: #16342c;
--color-larchmere-950: #062019;
}SCSS
$larchmere: #70baa7;
$larchmere-rgb: 112, 186, 167;
$larchmere-light: mix(#fff, $larchmere, 20%);
$larchmere-dark: mix(#000, $larchmere, 20%);
.element {
color: $larchmere;
box-shadow: 0 0 0 2px rgba($larchmere, 0.35);
}