이름 색상 · #83AFBC
Open Seas
Open Seas은(는) #83AFBC: rgb(131 175 188), hsl(194 30% 63%), oklch(0.727 0.051 217.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Open Seas color name →
#83AFBC
oklch(0.727 0.051 217.9)
색상 변환
- HEX
- #83afbc
- RGB
- rgb(131 175 188)
- HSL
- hsl(194 30% 63%)
- HWB
- hwb(194 51% 26%)
- OKLCH
- oklch(0.727 0.051 217.9)
- OKLab
- oklab(0.727 -0.04 -0.031)
- CIE Lab
- lab(68.63 -12.92 -11.71)
- LCH
- lch(68.63 17.44 222.2)
- CMYK
- cmyk(30% 7% 0% 26%)
틴트 · 셰이드 · 톤
틴트
- 8FB7C3
- 9CBFC9
- A8C7D0
- B4CFD7
- C1D7DD
- CDDFE4
- D9E7EB
- E6EFF1
- F2F7F8
셰이드
- 7198A3
- 60818B
- 4F6B73
- 3F565D
- 2F4147
- 202E32
- 121C1F
- 060B0D
- 010102
톤
- 83AAB6
- 83A5B0
- 83A1AA
- 839CA4
- 83979E
- 829398
- 828E92
- 81898C
- 818586
색 조화
보색 +180°
- 83AFBC
Open Seas
- C49C90
≈ Mahogany Rose
유사색 -30° +30°
- 83AFBC
Open Seas
- 82B1AC
≈ Silicate Green
- 8EAAC6
≈ Bachelor Blue
삼각 배색 +120° +240°
- 83AFBC
Open Seas
- BD9BB2
≈ Fiddlesticks
- AFA883
≈ Green Grey Mist
분열 보색 +150° +210°
- 83AFBC
Open Seas
- C49AA1
≈ Rose Meadow
- BDA185
≈ Basketry
사각 배색 +90° +180° +270°
- 83AFBC
Open Seas
- AF9FC0
≈ Iris Blossom
- C49C90
≈ Mahogany Rose
- 9EAD8B
≈ Cardoon
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.38:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.82:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--open-seas: #83afbc;
--open-seas-rgb: 131 175 188;
--open-seas-oklch: oklch(0.727 0.051 217.9);
}
.element {
color: var(--open-seas);
background-color: hsl(194 30% 63%);
border-color: oklch(0.727 0.051 217.9);
}Tailwind CSS v4
@theme {
--color-open-seas: #83afbc;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf4;
--color-open-seas-200: #bddae3;
--color-open-seas-300: #9cbec9;
--color-open-seas-400: #7da6b2;
--color-open-seas-500: #5f8f9d;
--color-open-seas-600: #517984;
--color-open-seas-700: #40616a;
--color-open-seas-800: #2e474e;
--color-open-seas-900: #1f3136;
--color-open-seas-950: #0e1d21;
}SCSS
$open-seas: #83afbc;
$open-seas-rgb: 131, 175, 188;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}