이름 색상 · #1C6B69
Mosaic Tile
Mosaic Tile은(는) #1C6B69: rgb(28 107 105), hsl(178 59% 26%), oklch(0.482 0.073 192.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Mosaic Tile color name →
#1C6B69
oklch(0.482 0.073 192.5)
색상 변환
- HEX
- #1c6b69
- RGB
- rgb(28 107 105)
- HSL
- hsl(178 59% 26%)
- HWB
- hwb(178 11% 58%)
- OKLCH
- oklch(0.482 0.073 192.5)
- OKLab
- oklab(0.482 -0.072 -0.016)
- CIE Lab
- lab(40.66 -24.45 -6.1)
- LCH
- lch(40.66 25.2 194)
- CMYK
- cmyk(74% 0% 2% 58%)
틴트 · 셰이드 · 톤
틴트
- 387977
- 508785
- 669693
- 7CA4A2
- 91B3B1
- A7C2C0
- BCD1D0
- D2E0DF
- E9EFEF
셰이드
- 175C5A
- 124E4C
- 0D3F3E
- 083231
- 052524
- 021818
- 010D0C
- 000404
- 000000
톤
- 2C6D6B
- 386F6E
- 437270
- 4D7472
- 567674
- 5F7877
- 677A79
- 707C7B
- 787E7E
색 조화
보색 +180°
- 1C6B69
Mosaic Tile
- 824C52
≈ Rouge Charm
유사색 -30° +30°
- 1C6B69
Mosaic Tile
- 326B52
≈ Spirulina
- 25677C
≈ Jester Blue
삼각 배색 +120° +240°
- 1C6B69
Mosaic Tile
- 6C527C
≈ Gladiola Violet
- 77572C
≈ Arable Brown
분열 보색 +150° +210°
- 1C6B69
Mosaic Tile
- 7B4D69
≈ Brocade Violet
- 81503C
≈ Curry Brown
사각 배색 +90° +180° +270°
- 1C6B69
Mosaic Tile
- 585987
≈ Wild Elderberry
- 824C52
≈ Rouge Charm
- 66602B
≈ Saguaro
대비 및 접근성
Ag
AA흰색 위
WCAG 6.25:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.35:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--mosaic-tile: #1c6b69;
--mosaic-tile-rgb: 28 107 105;
--mosaic-tile-oklch: oklch(0.482 0.073 192.5);
}
.element {
color: var(--mosaic-tile);
background-color: hsl(178 59% 26%);
border-color: oklch(0.482 0.073 192.5);
}Tailwind CSS v4
@theme {
--color-mosaic-tile: #1c6b69;
--color-mosaic-tile-50: #defcfb;
--color-mosaic-tile-100: #cdf0ef;
--color-mosaic-tile-200: #b1dfde;
--color-mosaic-tile-300: #8bc4c3;
--color-mosaic-tile-400: #68adaa;
--color-mosaic-tile-500: #429693;
--color-mosaic-tile-600: #397f7c;
--color-mosaic-tile-700: #2e6564;
--color-mosaic-tile-800: #204b48;
--color-mosaic-tile-900: #153432;
--color-mosaic-tile-950: #061f1e;
}SCSS
$mosaic-tile: #1c6b69;
$mosaic-tile-rgb: 28, 107, 105;
$mosaic-tile-light: mix(#fff, $mosaic-tile, 20%);
$mosaic-tile-dark: mix(#000, $mosaic-tile, 20%);
.element {
color: $mosaic-tile;
box-shadow: 0 0 0 2px rgba($mosaic-tile, 0.35);
}