가장 가까운 이름 색상 · #76A9A6
#76A9A6
가장 가까운 이름 색상: Turquoise Fantasies
#76A9A6(rgb(118 169 166), hsl(176 23% 56%), oklch(0.698 0.054 191.4))와 가장 가까운 이름 색상은 Turquoise Fantasies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#76A9A6
oklch(0.698 0.054 191.4)
색상 변환
- HEX
- #76a9a6
- RGB
- rgb(118 169 166)
- HSL
- hsl(176 23% 56%)
- HWB
- hwb(176 46% 34%)
- OKLCH
- oklch(0.698 0.054 191.4)
- OKLab
- oklab(0.698 -0.053 -0.011)
- CIE Lab
- lab(65.58 -18.06 -4.18)
- LCH
- lch(65.58 18.53 193)
- CMYK
- cmyk(30% 0% 2% 34%)
틴트 · 셰이드 · 톤
틴트
- 84B1AF
- 91BAB7
- 9FC2C0
- ADCBC9
- BAD3D2
- C8DCDB
- D6E5E4
- E3EDED
- F1F6F6
셰이드
- 669290
- 567C7A
- 476765
- 385351
- 293F3E
- 1C2C2B
- 0F1B1A
- 050A0A
- 010101
톤
- 78A5A2
- 79A19E
- 7A9D9A
- 7C9997
- 7D9493
- 7E908F
- 7E8C8B
- 7F8887
- 808484
색 조화
보색 +180°
- 76A9A6
Turquoise Fantasies
- BD9095
≈ Cherry Juice
유사색 -30° +30°
- 76A9A6
Turquoise Fantasies
- 80A993
≈ Catnip
- 78A6B6
≈ Inner Sanctum
삼각 배색 +120° +240°
- 76A9A6
Turquoise Fantasies
- A995B7
≈ Gleeful Joy
- B49979
≈ Soft Fawn
분열 보색 +150° +210°
- 76A9A6
Turquoise Fantasies
- B691A8
≈ Bed of Roses
- BC9384
≈ Belfry Brick
사각 배색 +90° +180° +270°
- 76A9A6
Turquoise Fantasies
- 979ABF
≈ Grape Ivy
- BD9095
≈ Cherry Juice
- A59F78
≈ Fresh Olive
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.99:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--turquoise-fantasies: #76a9a6;
--turquoise-fantasies-rgb: 118 169 166;
--turquoise-fantasies-oklch: oklch(0.698 0.054 191.4);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(176 23% 56%);
border-color: oklch(0.698 0.054 191.4);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #76a9a6;
--color-turquoise-fantasies-50: #e4faf9;
--color-turquoise-fantasies-100: #d4eeed;
--color-turquoise-fantasies-200: #bbdcdb;
--color-turquoise-fantasies-300: #98c1bf;
--color-turquoise-fantasies-400: #79a9a6;
--color-turquoise-fantasies-500: #5a928f;
--color-turquoise-fantasies-600: #4c7b79;
--color-turquoise-fantasies-700: #3d6361;
--color-turquoise-fantasies-800: #2b4946;
--color-turquoise-fantasies-900: #1d3231;
--color-turquoise-fantasies-950: #0d1e1d;
}SCSS
$turquoise-fantasies: #76a9a6;
$turquoise-fantasies-rgb: 118, 169, 166;
$turquoise-fantasies-light: mix(#fff, $turquoise-fantasies, 20%);
$turquoise-fantasies-dark: mix(#000, $turquoise-fantasies, 20%);
.element {
color: $turquoise-fantasies;
box-shadow: 0 0 0 2px rgba($turquoise-fantasies, 0.35);
}