이름 색상 · #4E6665
Angry Ocean
Angry Ocean은(는) #4E6665: rgb(78 102 101), hsl(177 13% 35%), oklch(0.491 0.029 193.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Angry Ocean color name →
#4E6665
oklch(0.491 0.029 193.1)
색상 변환
- HEX
- #4e6665
- RGB
- rgb(78 102 101)
- HSL
- hsl(177 13% 35%)
- HWB
- hwb(177 31% 60%)
- OKLCH
- oklch(0.491 0.029 193.1)
- OKLab
- oklab(0.491 -0.028 -0.006)
- CIE Lab
- lab(41.23 -9.44 -2.52)
- LCH
- lch(41.23 9.77 195)
- CMYK
- cmyk(24% 0% 1% 60%)
틴트 · 셰이드 · 톤
틴트
- 5E7473
- 6F8382
- 809190
- 91A09F
- A3AFAF
- B5BFBE
- C7CFCE
- D9DFDE
- ECEFEF
셰이드
- 435857
- 384A49
- 2D3C3C
- 232F2F
- 192322
- 0F1717
- 070C0C
- 020403
- 000000
톤
- 536968
- 586B6A
- 5D6E6D
- 627070
- 677372
- 6C7675
- 717878
- 767B7B
- 7B7D7D
색 조화
보색 +180°
- 4E6665
Angry Ocean
- 705A5C
≈ Falcon
유사색 -30° +30°
- 4E6665
Angry Ocean
- 52665C
≈ Duck Green
- 4F646D
≈ Masuhana Blue
삼각 배색 +120° +240°
- 4E6665
Angry Ocean
- 665C6C
≈ Patina Violet
- 6B5E4F
≈ Makara
분열 보색 +150° +210°
- 4E6665
Angry Ocean
- 6D5A65
≈ Aubergine Grey
- 6F5C54
≈ Missing Link
사각 배색 +90° +180° +270°
- 4E6665
Angry Ocean
- 5E5F71
≈ Men’s Night
- 705A5C
≈ Falcon
- 63624F
≈ Groundcover
대비 및 접근성
Ag
AA흰색 위
WCAG 6.15:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.41:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--angry-ocean: #4e6665;
--angry-ocean-rgb: 78 102 101;
--angry-ocean-oklch: oklch(0.491 0.029 193.1);
}
.element {
color: var(--angry-ocean);
background-color: hsl(177 13% 35%);
border-color: oklch(0.491 0.029 193.1);
}Tailwind CSS v4
@theme {
--color-angry-ocean: #4e6665;
--color-angry-ocean-50: #ecf8f8;
--color-angry-ocean-100: #deebeb;
--color-angry-ocean-200: #c7d8d8;
--color-angry-ocean-300: #a7bcbc;
--color-angry-ocean-400: #8ca4a3;
--color-angry-ocean-500: #718c8b;
--color-angry-ocean-600: #607776;
--color-angry-ocean-700: #4c5f5e;
--color-angry-ocean-800: #374645;
--color-angry-ocean-900: #26302f;
--color-angry-ocean-950: #141c1c;
}SCSS
$angry-ocean: #4e6665;
$angry-ocean-rgb: 78, 102, 101;
$angry-ocean-light: mix(#fff, $angry-ocean, 20%);
$angry-ocean-dark: mix(#000, $angry-ocean, 20%);
.element {
color: $angry-ocean;
box-shadow: 0 0 0 2px rgba($angry-ocean, 0.35);
}