이름 색상 · #017478
Maxi Teal
Maxi Teal은(는) #017478: rgb(1 116 120), hsl(182 98% 24%), oklch(0.508 0.086 199). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Maxi Teal color name →
#017478
oklch(0.508 0.086 199)
색상 변환
- HEX
- #017478
- RGB
- rgb(1 116 120)
- HSL
- hsl(182 98% 24%)
- HWB
- hwb(182 0% 53%)
- OKLCH
- oklch(0.508 0.086 199)
- OKLab
- oklab(0.508 -0.081 -0.028)
- CIE Lab
- lab(43.75 -27.21 -10.55)
- LCH
- lch(43.75 29.18 201.2)
- CMYK
- cmyk(99% 3% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 308185
- 4B8F92
- 639C9F
- 7AAAAC
- 90B8B9
- A6C6C7
- BCD4D5
- D2E2E3
- E8F1F1
셰이드
- 016467
- 015457
- 004548
- 003739
- 00292A
- 001B1D
- 000F10
- 000505
- 000101
톤
- 217579
- 32777A
- 3F787B
- 4A797B
- 547B7C
- 5E7C7D
- 677D7E
- 6F7E7E
- 787F7F
색 조화
보색 +180°
- 017478
Maxi Teal
- 905052
≈ Apple Butter
유사색 -30° +30°
- 017478
Maxi Teal
- 26755D
≈ Tropical Rainforest
- 236E8D
≈ Chill of the Night
삼각 배색 +120° +240°
- 017478
Maxi Teal
- 7B5585
≈ Champion
- 805F24
≈ Sleek Otter
분열 보색 +150° +210°
- 017478
Maxi Teal
- 8A506D
≈ Raspberry Crush
- 8D5637
≈ Chestnut Chest
사각 배색 +90° +180° +270°
- 017478
Maxi Teal
- 645D94
≈ Colossus
- 905052
≈ Apple Butter
- 696929
≈ Safari Green
대비 및 접근성
Ag
AA흰색 위
WCAG 5.56:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.77:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--maxi-teal: #017478;
--maxi-teal-rgb: 1 116 120;
--maxi-teal-oklch: oklch(0.508 0.086 199);
}
.element {
color: var(--maxi-teal);
background-color: hsl(182 98% 24%);
border-color: oklch(0.508 0.086 199);
}Tailwind CSS v4
@theme {
--color-maxi-teal: #017478;
--color-maxi-teal-50: #dafdff;
--color-maxi-teal-100: #c7f1f4;
--color-maxi-teal-200: #a9e0e3;
--color-maxi-teal-300: #81c5c9;
--color-maxi-teal-400: #5aaeb2;
--color-maxi-teal-500: #2a979c;
--color-maxi-teal-600: #268084;
--color-maxi-teal-700: #1f6669;
--color-maxi-teal-800: #144b4d;
--color-maxi-teal-900: #0d3435;
--color-maxi-teal-950: #012020;
}SCSS
$maxi-teal: #017478;
$maxi-teal-rgb: 1, 116, 120;
$maxi-teal-light: mix(#fff, $maxi-teal, 20%);
$maxi-teal-dark: mix(#000, $maxi-teal, 20%);
.element {
color: $maxi-teal;
box-shadow: 0 0 0 2px rgba($maxi-teal, 0.35);
}