이름 색상 · #204F54
Immersed
Immersed은(는) #204F54: rgb(32 79 84), hsl(186 45% 23%), oklch(0.397 0.051 204.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Immersed color name →
#204F54
oklch(0.397 0.051 204.8)
색상 변환
- HEX
- #204f54
- RGB
- rgb(32 79 84)
- HSL
- hsl(186 45% 23%)
- HWB
- hwb(186 13% 67%)
- OKLCH
- oklch(0.397 0.051 204.8)
- OKLab
- oklab(0.397 -0.047 -0.021)
- CIE Lab
- lab(30.55 -15.35 -8.07)
- LCH
- lch(30.55 17.34 207.7)
- CMYK
- cmyk(62% 6% 0% 67%)
틴트 · 셰이드 · 톤
틴트
- 365F64
- 4C6F73
- 618084
- 779194
- 8CA3A5
- A2B5B7
- B9C7C8
- D0D9DA
- E7ECED
셰이드
- 1A4448
- 15383C
- 0F2E31
- 0A2326
- 06191B
- 031011
- 010708
- 000202
- 000000
톤
- 2B5458
- 36595D
- 3F5E61
- 496265
- 52676A
- 5B6C6E
- 657173
- 6E7677
- 777B7C
색 조화
보색 +180°
- 204F54
Immersed
- 603C39
≈ Hereford Bull
유사색 -30° +30°
- 204F54
Immersed
- 265045
≈ Hunt Club
- 294C5F
≈ Deep Ocean
삼각 배색 +120° +240°
- 204F54
Immersed
- 553D56
≈ Velvet Plum
- 544525
≈ Garden Loam
분열 보색 +150° +210°
- 204F54
Immersed
- 5D3B48
≈ Enchantress
- 5D3F2C
≈ Bracken
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.09:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.30:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--immersed: #204f54;
--immersed-rgb: 32 79 84;
--immersed-oklch: oklch(0.397 0.051 204.8);
}
.element {
color: var(--immersed);
background-color: hsl(186 45% 23%);
border-color: oklch(0.397 0.051 204.8);
}Tailwind CSS v4
@theme {
--color-immersed: #204f54;
--color-immersed-50: #e5fafd;
--color-immersed-100: #d5edf0;
--color-immersed-200: #bcdbdf;
--color-immersed-300: #9abfc5;
--color-immersed-400: #7ba8ad;
--color-immersed-500: #5c9096;
--color-immersed-600: #4e7a7f;
--color-immersed-700: #3e6266;
--color-immersed-800: #2c484a;
--color-immersed-900: #1e3233;
--color-immersed-950: #0e1e1f;
}SCSS
$immersed: #204f54;
$immersed-rgb: 32, 79, 84;
$immersed-light: mix(#fff, $immersed, 20%);
$immersed-dark: mix(#000, $immersed, 20%);
.element {
color: $immersed;
box-shadow: 0 0 0 2px rgba($immersed, 0.35);
}