이름 색상 · #4D7F86
Tapestry Teal
Tapestry Teal은(는) #4D7F86: rgb(77 127 134), hsl(187 27% 41%), oklch(0.564 0.055 207.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Tapestry Teal color name →
#4D7F86
oklch(0.564 0.055 207.1)
색상 변환
- HEX
- #4d7f86
- RGB
- rgb(77 127 134)
- HSL
- hsl(187 27% 41%)
- HWB
- hwb(187 30% 47%)
- OKLCH
- oklch(0.564 0.055 207.1)
- OKLab
- oklab(0.564 -0.049 -0.025)
- CIE Lab
- lab(49.87 -16.1 -9.42)
- LCH
- lch(49.87 18.65 210.3)
- CMYK
- cmyk(43% 5% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 5F8B91
- 70989D
- 82A4A9
- 93B1B5
- A5BDC1
- B6CACD
- C8D7D9
- DAE4E6
- EDF2F2
셰이드
- 426E74
- 375D62
- 2C4C51
- 223C40
- 182D30
- 0F1F21
- 071113
- 020606
- 000101
톤
- 537F85
- 597F85
- 5E8084
- 638084
- 698083
- 6D8083
- 728082
- 778081
- 7B8081
색 조화
보색 +180°
- 4D7F86
Tapestry Teal
- 936964
≈ Clay Ridge
유사색 -30° +30°
- 4D7F86
Tapestry Teal
- 518075
≈ Dull Turquoise
- 567B92
≈ Mallorca Blue
삼각 배색 +120° +240°
- 4D7F86
Tapestry Teal
- 876A87
≈ Beauty
- 847450
≈ Woodbridge
분열 보색 +150° +210°
- 4D7F86
Tapestry Teal
- 916876
≈ Copper Pink
- 8F6E56
≈ Dig It
사각 배색 +90° +180° +270°
- 4D7F86
Tapestry Teal
- 796F92
≈ Parisian Violet
- 936964
≈ Clay Ridge
- 737A55
≈ Loden Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.47:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.69:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--tapestry-teal: #4d7f86;
--tapestry-teal-rgb: 77 127 134;
--tapestry-teal-oklch: oklch(0.564 0.055 207.1);
}
.element {
color: var(--tapestry-teal);
background-color: hsl(187 27% 41%);
border-color: oklch(0.564 0.055 207.1);
}Tailwind CSS v4
@theme {
--color-tapestry-teal: #4d7f86;
--color-tapestry-teal-50: #e4fafe;
--color-tapestry-teal-100: #d4edf2;
--color-tapestry-teal-200: #badbe1;
--color-tapestry-teal-300: #97c0c7;
--color-tapestry-teal-400: #78a8af;
--color-tapestry-teal-500: #589199;
--color-tapestry-teal-600: #4b7a81;
--color-tapestry-teal-700: #3c6267;
--color-tapestry-teal-800: #2b484b;
--color-tapestry-teal-900: #1d3234;
--color-tapestry-teal-950: #0d1e20;
}SCSS
$tapestry-teal: #4d7f86;
$tapestry-teal-rgb: 77, 127, 134;
$tapestry-teal-light: mix(#fff, $tapestry-teal, 20%);
$tapestry-teal-dark: mix(#000, $tapestry-teal, 20%);
.element {
color: $tapestry-teal;
box-shadow: 0 0 0 2px rgba($tapestry-teal, 0.35);
}