이름 색상 · #80D7CF
Isle Royale
Isle Royale은(는) #80D7CF: rgb(128 215 207), hsl(174 52% 67%), oklch(0.822 0.085 188.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Isle Royale color name →
#80D7CF
oklch(0.822 0.085 188.1)
색상 변환
- HEX
- #80d7cf
- RGB
- rgb(128 215 207)
- HSL
- hsl(174 52% 67%)
- HWB
- hwb(174 50% 16%)
- OKLCH
- oklch(0.822 0.085 188.1)
- OKLab
- oklab(0.822 -0.084 -0.012)
- CIE Lab
- lab(80.35 -28.87 -4.75)
- LCH
- lch(80.35 29.26 189.3)
- CMYK
- cmyk(40% 0% 4% 16%)
틴트 · 셰이드 · 톤
틴트
- 8EDBD4
- 9CDFD8
- A9E3DD
- B6E7E2
- C3EBE7
- CFEFEC
- DBF3F0
- E7F7F5
- F3FBFA
셰이드
- 6EBBB4
- 5D9F99
- 4D857F
- 3D6B67
- 2E524F
- 1F3B38
- 122523
- 061110
- 010202
톤
- 82CEC7
- 83C5BF
- 83BCB7
- 84B4AF
- 84ABA7
- 84A29F
- 839A97
- 82918F
- 818888
색 조화
보색 +180°
- 80D7CF
Isle Royale
- F6AEBA
≈ Sweet Caroline
유사색 -30° +30°
- 80D7CF
Isle Royale
- 95D6B0
≈ Vista Blue
- 82D3EA
≈ Middle Blue
삼각 배색 +120° +240°
- 80D7CF
Isle Royale
- D4B6F0
≈ Pink Illusion
- EABB88
≈ Gold Vessel
분열 보색 +150° +210°
- 80D7CF
Isle Royale
- EAB0D8
≈ Flower Power
- F6B29D
≈ First Date
사각 배색 +90° +180° +270°
- 80D7CF
Isle Royale
- B7C0FC
≈ Dried Lilac
- F6AEBA
≈ Sweet Caroline
- D3C685
≈ Green Apple Martini
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.53:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--isle-royale: #80d7cf;
--isle-royale-rgb: 128 215 207;
--isle-royale-oklch: oklch(0.822 0.085 188.1);
}
.element {
color: var(--isle-royale);
background-color: hsl(174 52% 67%);
border-color: oklch(0.822 0.085 188.1);
}Tailwind CSS v4
@theme {
--color-isle-royale: #80d7cf;
--color-isle-royale-50: #dbfefa;
--color-isle-royale-100: #c9f2ee;
--color-isle-royale-200: #abe1dc;
--color-isle-royale-300: #83c6c1;
--color-isle-royale-400: #5dafa8;
--color-isle-royale-500: #309891;
--color-isle-royale-600: #2b817a;
--color-isle-royale-700: #226762;
--color-isle-royale-800: #174c47;
--color-isle-royale-900: #0f3531;
--color-isle-royale-950: #02201d;
}SCSS
$isle-royale: #80d7cf;
$isle-royale-rgb: 128, 215, 207;
$isle-royale-light: mix(#fff, $isle-royale, 20%);
$isle-royale-dark: mix(#000, $isle-royale, 20%);
.element {
color: $isle-royale;
box-shadow: 0 0 0 2px rgba($isle-royale, 0.35);
}