이름 색상 · #7BB5AE
Melodious
Melodious은(는) #7BB5AE: rgb(123 181 174), hsl(173 28% 60%), oklch(0.731 0.061 186.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Melodious color name →
#7BB5AE
oklch(0.731 0.061 186.5)
색상 변환
- HEX
- #7bb5ae
- RGB
- rgb(123 181 174)
- HSL
- hsl(173 28% 60%)
- HWB
- hwb(173 48% 29%)
- OKLCH
- oklch(0.731 0.061 186.5)
- OKLab
- oklab(0.731 -0.061 -0.007)
- CIE Lab
- lab(69.54 -20.78 -2.77)
- LCH
- lch(69.54 20.97 187.6)
- CMYK
- cmyk(32% 0% 4% 29%)
틴트 · 셰이드 · 톤
틴트
- 89BCB6
- 96C4BE
- A3CBC6
- B0D2CE
- BDDAD6
- CAE1DE
- D8E9E6
- E5F0EE
- F2F7F7
셰이드
- 6A9D97
- 5A8680
- 4A6F6A
- 3A5955
- 2C4441
- 1E302E
- 101D1C
- 050C0B
- 010201
톤
- 7CB0A9
- 7DAAA5
- 7EA5A0
- 7FA09B
- 7F9A97
- 809592
- 80908E
- 808A89
- 808584
색 조화
보색 +180°
- 7BB5AE
Melodious
- CB98A2
≈ Cooing Doves
유사색 -30° +30°
- 7BB5AE
Melodious
- 89B498
≈ Morris Artichoke
- 7BB2C1
≈ Glacier
삼각 배색 +120° +240°
- 7BB5AE
Melodious
- B29FC7
≈ Purple Rose
- C3A17F
≈ Real Cork
분열 보색 +150° +210°
- 7BB5AE
Melodious
- C29AB7
≈ Morning Glory Pink
- CB9B8D
≈ Artefact
사각 배색 +90° +180° +270°
- 7BB5AE
Melodious
- 9DA5CF
≈ Venus Flower
- CB98A2
≈ Cooing Doves
- B3A97C
≈ Even Growth
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.06:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--melodious: #7bb5ae;
--melodious-rgb: 123 181 174;
--melodious-oklch: oklch(0.731 0.061 186.5);
}
.element {
color: var(--melodious);
background-color: hsl(173 28% 60%);
border-color: oklch(0.731 0.061 186.5);
}Tailwind CSS v4
@theme {
--color-melodious: #7bb5ae;
--color-melodious-50: #e2fbf8;
--color-melodious-100: #d2efec;
--color-melodious-200: #b8ddd9;
--color-melodious-300: #94c2bd;
--color-melodious-400: #74aba4;
--color-melodious-500: #53948c;
--color-melodious-600: #477d77;
--color-melodious-700: #39645f;
--color-melodious-800: #284945;
--color-melodious-900: #1b3330;
--color-melodious-950: #0b1f1c;
}SCSS
$melodious: #7bb5ae;
$melodious-rgb: 123, 181, 174;
$melodious-light: mix(#fff, $melodious, 20%);
$melodious-dark: mix(#000, $melodious, 20%);
.element {
color: $melodious;
box-shadow: 0 0 0 2px rgba($melodious, 0.35);
}