이름 색상 · #005961
Entrapment
Entrapment은(는) #005961: rgb(0 89 97), hsl(185 100% 19%), oklch(0.424 0.072 205.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Entrapment color name →
#005961
oklch(0.424 0.072 205.4)
색상 변환
- HEX
- #005961
- RGB
- rgb(0 89 97)
- HSL
- hsl(185 100% 19%)
- HWB
- hwb(185 0% 62%)
- OKLCH
- oklch(0.424 0.072 205.4)
- OKLab
- oklab(0.424 -0.065 -0.031)
- CIE Lab
- lab(33.74 -21.28 -11.55)
- LCH
- lch(33.74 24.21 208.5)
- CMYK
- cmyk(100% 8% 0% 62%)
틴트 · 셰이드 · 톤
틴트
- 296870
- 43787F
- 5A888E
- 71989D
- 88A9AD
- A0BABD
- B7CBCD
- CFDCDE
- E7EDEE
셰이드
- 004C53
- 004046
- 003439
- 00282D
- 001D21
- 001315
- 00090B
- 000303
- 000000
톤
- 1B5D64
- 2B6167
- 38656A
- 43696D
- 4E6D71
- 587174
- 637577
- 6C787A
- 767C7D
색 조화
보색 +180°
- 005961
Entrapment
- 703D39
≈ Single Origin
유사색 -30° +30°
- 005961
Entrapment
- 135B4C
≈ Evergreen
- 1F5470
≈ Canoe Blue
삼각 배색 +120° +240°
- 005961
Entrapment
- 624064
≈ Purple Odyssey
- 604B19
≈ Mud Brown
분열 보색 +150° +210°
- 005961
Entrapment
- 6D3C50
≈ Ruby Nights
- 6C4324
≈ Flattery
사각 배색 +90° +180° +270°
- 005961
Entrapment
- 514671
≈ Evening Fizz
- 703D39
≈ Single Origin
- 4C5320
≈ Army Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.07:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--entrapment: #005961;
--entrapment-rgb: 0 89 97;
--entrapment-oklch: oklch(0.424 0.072 205.4);
}
.element {
color: var(--entrapment);
background-color: hsl(185 100% 19%);
border-color: oklch(0.424 0.072 205.4);
}Tailwind CSS v4
@theme {
--color-entrapment: #005961;
--color-entrapment-50: #defcff;
--color-entrapment-100: #cdeff4;
--color-entrapment-200: #b1dee4;
--color-entrapment-300: #8cc2ca;
--color-entrapment-400: #68abb3;
--color-entrapment-500: #43949d;
--color-entrapment-600: #3a7d85;
--color-entrapment-700: #2e646a;
--color-entrapment-800: #204a4e;
--color-entrapment-900: #153336;
--color-entrapment-950: #061f21;
}SCSS
$entrapment: #005961;
$entrapment-rgb: 0, 89, 97;
$entrapment-light: mix(#fff, $entrapment, 20%);
$entrapment-dark: mix(#000, $entrapment, 20%);
.element {
color: $entrapment;
box-shadow: 0 0 0 2px rgba($entrapment, 0.35);
}