가장 가까운 이름 색상 · #294E55
#294E55
가장 가까운 이름 색상: Sunken Mystery
#294E55(rgb(41 78 85), hsl(190 35% 25%), oklch(0.399 0.044 211.1))와 가장 가까운 이름 색상은 Sunken Mystery입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#294E55
oklch(0.399 0.044 211.1)
색상 변환
- HEX
- #294e55
- RGB
- rgb(41 78 85)
- HSL
- hsl(190 35% 25%)
- HWB
- hwb(190 16% 67%)
- OKLCH
- oklch(0.399 0.044 211.1)
- OKLab
- oklab(0.399 -0.038 -0.023)
- CIE Lab
- lab(30.65 -12.18 -8.51)
- LCH
- lch(30.65 14.86 214.9)
- CMYK
- cmyk(52% 8% 0% 67%)
틴트 · 셰이드 · 톤
틴트
- 3D5E64
- 516F74
- 667F85
- 7A9195
- 8FA2A6
- A5B4B7
- BBC6C9
- D1D9DB
- E8ECED
셰이드
- 224349
- 1C383D
- 152D31
- 0F2326
- 09191C
- 050F11
- 020708
- 010202
- 000000
톤
- 325359
- 3B585D
- 445D62
- 4D6266
- 55676A
- 5E6C6F
- 667173
- 6F7677
- 777B7C
색 조화
보색 +180°
- 294E55
Sunken Mystery
- 5D3F39
≈ Shaved Chocolate
유사색 -30° +30°
- 294E55
Sunken Mystery
- 2B4F49
≈ Carriage Green
- 324B5D
≈ Ingénue Blue
삼각 배색 +120° +240°
- 294E55
Sunken Mystery
- 563F52
≈ Currant Violet
- 50472B
≈ Tinny Tin
분열 보색 +150° +210°
- 294E55
Sunken Mystery
- 5C3E46
≈ Hibiscus Punch
- 59422F
≈ Old Treasure Chest
사각 배색 +90° +180° +270°
- 294E55
Sunken Mystery
- 4B425C
≈ Purple Blanket
- 5D3F39
≈ Shaved Chocolate
- 444B30
≈ Matsuba Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.07:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.31:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--sunken-mystery: #294e55;
--sunken-mystery-rgb: 41 78 85;
--sunken-mystery-oklch: oklch(0.399 0.044 211.1);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 35% 25%);
border-color: oklch(0.399 0.044 211.1);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #294e55;
--color-sunken-mystery-50: #e8f9fd;
--color-sunken-mystery-100: #d8ecf1;
--color-sunken-mystery-200: #c0dae0;
--color-sunken-mystery-300: #9fbec5;
--color-sunken-mystery-400: #81a6ad;
--color-sunken-mystery-500: #648e97;
--color-sunken-mystery-600: #557880;
--color-sunken-mystery-700: #446066;
--color-sunken-mystery-800: #30474b;
--color-sunken-mystery-900: #213134;
--color-sunken-mystery-950: #101d1f;
}SCSS
$sunken-mystery: #294e55;
$sunken-mystery-rgb: 41, 78, 85;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}