이름 색상 · #007D7C
Parasailing
Parasailing은(는) #007D7C: rgb(0 125 124), hsl(180 100% 25%), oklch(0.534 0.091 193.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Parasailing color name →
#007D7C
oklch(0.534 0.091 193.8)
색상 변환
- HEX
- #007d7c
- RGB
- rgb(0 125 124)
- HSL
- hsl(180 100% 25%)
- HWB
- hwb(180 0% 51%)
- OKLCH
- oklch(0.534 0.091 193.8)
- OKLab
- oklab(0.534 -0.089 -0.022)
- CIE Lab
- lab(46.87 -30.13 -8.28)
- LCH
- lch(46.87 31.24 195.4)
- CMYK
- cmyk(100% 0% 1% 51%)
틴트 · 셰이드 · 톤
틴트
- 328A88
- 4D9695
- 65A3A2
- 7CB0AE
- 92BDBB
- A8CAC9
- BDD7D6
- D3E4E4
- E9F2F1
셰이드
- 006C6B
- 005B5A
- 004B4A
- 003B3B
- 002C2C
- 001E1E
- 001111
- 000505
- 000101
톤
- 237E7C
- 347E7D
- 417E7D
- 4C7F7E
- 567F7E
- 5F7F7E
- 68807F
- 70807F
- 788080
색 조화
보색 +180°
- 007D7C
Parasailing
- 9A555D
≈ Cuban Rhythm
유사색 -30° +30°
- 007D7C
Parasailing
- 307D5E
≈ Liquid Green Stuff
- 1D7894
≈ Celestial
삼각 배색 +120° +240°
- 007D7C
Parasailing
- 805C92
≈ Ghostly Purple
- 8C6429
≈ Tapenade
분열 보색 +150° +210°
- 007D7C
Parasailing
- 92567A
≈ Sea Fan Fuchsia
- 995A3F
≈ Etruscan
사각 배색 +90° +180° +270°
- 007D7C
Parasailing
- 6665A0
≈ Blue Iris
- 9A555D
≈ Cuban Rhythm
- 766F29
≈ Olivetone
대비 및 접근성
Ag
AA흰색 위
WCAG 4.97:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.22:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--parasailing: #007d7c;
--parasailing-rgb: 0 125 124;
--parasailing-oklch: oklch(0.534 0.091 193.8);
}
.element {
color: var(--parasailing);
background-color: hsl(180 100% 25%);
border-color: oklch(0.534 0.091 193.8);
}Tailwind CSS v4
@theme {
--color-parasailing: #007d7c;
--color-parasailing-50: #d8fefe;
--color-parasailing-100: #c6f2f2;
--color-parasailing-200: #a7e1e1;
--color-parasailing-300: #7dc6c6;
--color-parasailing-400: #55b0ae;
--color-parasailing-500: #1d9998;
--color-parasailing-600: #1d8180;
--color-parasailing-700: #186867;
--color-parasailing-800: #0f4c4a;
--color-parasailing-900: #0a3534;
--color-parasailing-950: #00201f;
}SCSS
$parasailing: #007d7c;
$parasailing-rgb: 0, 125, 124;
$parasailing-light: mix(#fff, $parasailing, 20%);
$parasailing-dark: mix(#000, $parasailing, 20%);
.element {
color: $parasailing;
box-shadow: 0 0 0 2px rgba($parasailing, 0.35);
}