이름 색상 · #729BB3
Ocean View
Ocean View은(는) #729BB3: rgb(114 155 179), hsl(202 30% 57%), oklch(0.668 0.057 234.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Ocean View color name →
#729BB3
oklch(0.668 0.057 234.4)
색상 변환
- HEX
- #729bb3
- RGB
- rgb(114 155 179)
- HSL
- hsl(202 30% 57%)
- HWB
- hwb(202 45% 30%)
- OKLCH
- oklch(0.668 0.057 234.4)
- OKLab
- oklab(0.668 -0.033 -0.047)
- CIE Lab
- lab(61.63 -9.91 -17.29)
- LCH
- lch(61.63 19.93 240.2)
- CMYK
- cmyk(36% 13% 0% 30%)
틴트 · 셰이드 · 톤
틴트
- 80A5BB
- 8EAEC2
- 9CB8CA
- A9C2D1
- B7CCD9
- C6D6E0
- D4E0E8
- E2EAF0
- F0F5F7
셰이드
- 62869B
- 537284
- 445E6E
- 364B58
- 283943
- 1B282F
- 0E181D
- 04090C
- 010101
톤
- 7498AE
- 7696A9
- 7793A4
- 79909F
- 7A8E99
- 7B8B94
- 7D888F
- 7E858A
- 7F8385
색 조화
보색 +180°
- 729BB3
Ocean View
- B18C74
≈ Homeland
유사색 -30° +30°
- 729BB3
Ocean View
- 6A9FA5
≈ Reef Waters
- 8395B9
≈ Denim Tradition
삼각 배색 +120° +240°
- 729BB3
Ocean View
- B28797
≈ Light Brown Drab
- 949971
≈ Alamosa Green
분열 보색 +150° +210°
- 729BB3
Ocean View
- B68783
≈ Toki Brown
- A5926C
≈ Ecosystem
사각 배색 +90° +180° +270°
- 729BB3
Ocean View
- A789A9
≈ Baroness
- B18C74
≈ Homeland
- 809E7F
≈ Aquadulce
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.97:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.05:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--ocean-view: #729bb3;
--ocean-view-rgb: 114 155 179;
--ocean-view-oklch: oklch(0.668 0.057 234.4);
}
.element {
color: var(--ocean-view);
background-color: hsl(202 30% 57%);
border-color: oklch(0.668 0.057 234.4);
}Tailwind CSS v4
@theme {
--color-ocean-view: #729bb3;
--color-ocean-view-50: #e6f8ff;
--color-ocean-view-100: #d7ebf9;
--color-ocean-view-200: #bed9ea;
--color-ocean-view-300: #9cbdd1;
--color-ocean-view-400: #7da5bc;
--color-ocean-view-500: #608da7;
--color-ocean-view-600: #51778d;
--color-ocean-view-700: #415f71;
--color-ocean-view-800: #2e4653;
--color-ocean-view-900: #1f303a;
--color-ocean-view-950: #0f1d24;
}SCSS
$ocean-view: #729bb3;
$ocean-view-rgb: 114, 155, 179;
$ocean-view-light: mix(#fff, $ocean-view, 20%);
$ocean-view-dark: mix(#000, $ocean-view, 20%);
.element {
color: $ocean-view;
box-shadow: 0 0 0 2px rgba($ocean-view, 0.35);
}