이름 색상 · #81D7D0
Island Sea
Island Sea은(는) #81D7D0: rgb(129 215 208), hsl(175 52% 67%), oklch(0.823 0.084 189). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Island Sea color name →
#81D7D0
oklch(0.823 0.084 189)
색상 변환
- HEX
- #81d7d0
- RGB
- rgb(129 215 208)
- HSL
- hsl(175 52% 67%)
- HWB
- hwb(175 51% 16%)
- OKLCH
- oklch(0.823 0.084 189)
- OKLab
- oklab(0.823 -0.083 -0.013)
- CIE Lab
- lab(80.42 -28.43 -5.18)
- LCH
- lch(80.42 28.89 190.3)
- CMYK
- cmyk(40% 0% 3% 16%)
틴트 · 셰이드 · 톤
틴트
- 8FDBD5
- 9DDFD9
- AAE3DE
- B7E7E3
- C3EBE7
- CFEFEC
- DBF3F1
- E7F7F5
- F3FBFA
셰이드
- 6FBBB5
- 5E9F9A
- 4E8580
- 3E6B67
- 2E524F
- 1F3B39
- 122523
- 061110
- 010202
톤
- 82CEC8
- 83C5BF
- 84BCB7
- 84B4AF
- 84ABA7
- 84A29F
- 839A97
- 83918F
- 818888
색 조화
보색 +180°
- 81D7D0
Island Sea
- F6AFB9
≈ Bubblegum Pink
유사색 -30° +30°
- 81D7D0
Island Sea
- 95D6B1
≈ Vista Blue
- 84D3EA
≈ Middle Blue
삼각 배색 +120° +240°
- 81D7D0
Island Sea
- D5B7EF
≈ Pink Illusion
- E9BC89
≈ Bread Pudding
분열 보색 +150° +210°
- 81D7D0
Island Sea
- EAB0D7
≈ Flower Power
- F6B39D
≈ Mystic Tulip
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.56:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.56:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--island-sea: #81d7d0;
--island-sea-rgb: 129 215 208;
--island-sea-oklch: oklch(0.823 0.084 189);
}
.element {
color: var(--island-sea);
background-color: hsl(175 52% 67%);
border-color: oklch(0.823 0.084 189);
}Tailwind CSS v4
@theme {
--color-island-sea: #81d7d0;
--color-island-sea-50: #dbfdfb;
--color-island-sea-100: #c9f1ee;
--color-island-sea-200: #abe0dd;
--color-island-sea-300: #84c6c2;
--color-island-sea-400: #5eafa8;
--color-island-sea-500: #319891;
--color-island-sea-600: #2c817b;
--color-island-sea-700: #236762;
--color-island-sea-800: #184c47;
--color-island-sea-900: #103531;
--color-island-sea-950: #02201d;
}SCSS
$island-sea: #81d7d0;
$island-sea-rgb: 129, 215, 208;
$island-sea-light: mix(#fff, $island-sea, 20%);
$island-sea-dark: mix(#000, $island-sea, 20%);
.element {
color: $island-sea;
box-shadow: 0 0 0 2px rgba($island-sea, 0.35);
}