이름 색상 · #195155
Deep Sanction
Deep Sanction은(는) #195155: rgb(25 81 85), hsl(184 55% 22%), oklch(0.401 0.057 201.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Deep Sanction color name →
#195155
oklch(0.401 0.057 201.9)
색상 변환
- HEX
- #195155
- RGB
- rgb(25 81 85)
- HSL
- hsl(184 55% 22%)
- HWB
- hwb(184 10% 67%)
- OKLCH
- oklch(0.401 0.057 201.9)
- OKLab
- oklab(0.401 -0.053 -0.021)
- CIE Lab
- lab(31.03 -17.63 -8.02)
- LCH
- lch(31.03 19.37 204.5)
- CMYK
- cmyk(71% 5% 0% 67%)
틴트 · 셰이드 · 톤
틴트
- 326164
- 487174
- 5E8285
- 749395
- 8BA4A6
- A1B6B7
- B8C8C9
- CFDADB
- E7ECED
셰이드
- 144549
- 103A3D
- 0B2F31
- 072426
- 041A1C
- 021011
- 010708
- 000202
- 000000
톤
- 265659
- 325A5D
- 3D5F62
- 476466
- 50686A
- 5A6D6F
- 647273
- 6D7777
- 777B7C
색 조화
보색 +180°
- 195155
Deep Sanction
- 633B3A
≈ Bogong Moth
유사색 -30° +30°
- 195155
Deep Sanction
- 225244
≈ Bagpiper
- 244D61
≈ Deep Ocean
삼각 배색 +120° +240°
- 195155
Deep Sanction
- 563D5A
≈ Old Heliotrope
- 574521
≈ Nightingale
분열 보색 +150° +210°
- 195155
Deep Sanction
- 603B4B
≈ Liqueur Red
- 613F2A
≈ Grilled
사각 배색 +90° +180° +270°
- 195155
Deep Sanction
- 484264
≈ Heraldic
- 633B3A
≈ Bogong Moth
- 494B25
≈ Bronze Tone
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.93:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.34:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.93:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--deep-sanction: #195155;
--deep-sanction-rgb: 25 81 85;
--deep-sanction-oklch: oklch(0.401 0.057 201.9);
}
.element {
color: var(--deep-sanction);
background-color: hsl(184 55% 22%);
border-color: oklch(0.401 0.057 201.9);
}Tailwind CSS v4
@theme {
--color-deep-sanction: #195155;
--color-deep-sanction-50: #e3fafd;
--color-deep-sanction-100: #d3eef1;
--color-deep-sanction-200: #b9dcdf;
--color-deep-sanction-300: #96c0c5;
--color-deep-sanction-400: #76a9ad;
--color-deep-sanction-500: #569296;
--color-deep-sanction-600: #497b7f;
--color-deep-sanction-700: #3a6366;
--color-deep-sanction-800: #29494a;
--color-deep-sanction-900: #1c3233;
--color-deep-sanction-950: #0c1e1f;
}SCSS
$deep-sanction: #195155;
$deep-sanction-rgb: 25, 81, 85;
$deep-sanction-light: mix(#fff, $deep-sanction, 20%);
$deep-sanction-dark: mix(#000, $deep-sanction, 20%);
.element {
color: $deep-sanction;
box-shadow: 0 0 0 2px rgba($deep-sanction, 0.35);
}