가장 가까운 이름 색상 · #6FAFAB
#6FAFAB
가장 가까운 이름 색상: Turquoise Fantasies
#6FAFAB(rgb(111 175 171), hsl(176 29% 56%), oklch(0.71 0.066 190.7))와 가장 가까운 이름 색상은 Turquoise Fantasies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6FAFAB
oklch(0.71 0.066 190.7)
색상 변환
- HEX
- #6fafab
- RGB
- rgb(111 175 171)
- HSL
- hsl(176 29% 56%)
- HWB
- hwb(176 44% 31%)
- OKLCH
- oklch(0.71 0.066 190.7)
- OKLab
- oklab(0.71 -0.065 -0.012)
- CIE Lab
- lab(67.08 -22.08 -4.8)
- LCH
- lch(67.08 22.59 192.3)
- CMYK
- cmyk(37% 0% 2% 31%)
틴트 · 셰이드 · 톤
틴트
- 7EB7B3
- 8DBFBB
- 9BC7C4
- A9CFCC
- B8D7D4
- C6DFDD
- D4E7E5
- E2EFEE
- F1F7F6
셰이드
- 609894
- 51817E
- 426B68
- 345654
- 274140
- 1A2E2D
- 0E1C1B
- 040B0B
- 010101
톤
- 72AAA7
- 74A6A2
- 76A19E
- 789C9A
- 7A9795
- 7C9391
- 7D8E8D
- 7E8988
- 7F8584
색 조화
보색 +180°
- 6FAFAB
Turquoise Fantasies
- C79197
≈ Garnet Shadow
유사색 -30° +30°
- 6FAFAB
Turquoise Fantasies
- 7DAF94
≈ Nature Green
- 72ABBE
≈ Snowboard
삼각 배색 +120° +240°
- 6FAFAB
Turquoise Fantasies
- AF96C0
≈ Quibble
- BC9B74
≈ Coriander Powder
분열 보색 +150° +210°
- 6FAFAB
Turquoise Fantasies
- BF92AE
≈ Mauve Magic
- C69482
≈ Café Crème
사각 배색 +90° +180° +270°
- 6FAFAB
Turquoise Fantasies
- 999DCA
≈ Velvet Robe
- C79197
≈ Garnet Shadow
- AAA373
≈ Throw Rug
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.50:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.39:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--turquoise-fantasies: #6fafab;
--turquoise-fantasies-rgb: 111 175 171;
--turquoise-fantasies-oklch: oklch(0.71 0.066 190.7);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(176 29% 56%);
border-color: oklch(0.71 0.066 190.7);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #6fafab;
--color-turquoise-fantasies-50: #e1fcfa;
--color-turquoise-fantasies-100: #d0efee;
--color-turquoise-fantasies-200: #b5dedc;
--color-turquoise-fantasies-300: #90c3c0;
--color-turquoise-fantasies-400: #6faba7;
--color-turquoise-fantasies-500: #4c9490;
--color-turquoise-fantasies-600: #427d7a;
--color-turquoise-fantasies-700: #346462;
--color-turquoise-fantasies-800: #254a47;
--color-turquoise-fantasies-900: #193331;
--color-turquoise-fantasies-950: #091f1d;
}SCSS
$turquoise-fantasies: #6fafab;
$turquoise-fantasies-rgb: 111, 175, 171;
$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);
}