가장 가까운 이름 색상 · #2F2035
#2F2035
가장 가까운 이름 색상: Midnight Velvet
#2F2035(rgb(47 32 53), hsl(283 25% 17%), oklch(0.271 0.043 316))와 가장 가까운 이름 색상은 Midnight Velvet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2F2035
oklch(0.271 0.043 316)
색상 변환
- HEX
- #2f2035
- RGB
- rgb(47 32 53)
- HSL
- hsl(283 25% 17%)
- HWB
- hwb(283 13% 79%)
- OKLCH
- oklch(0.271 0.043 316)
- OKLab
- oklab(0.271 0.031 -0.03)
- CIE Lab
- lab(14.86 11 -10.93)
- LCH
- lch(14.86 15.51 315.2)
- CMYK
- cmyk(11% 40% 0% 79%)
틴트 · 셰이드 · 톤
틴트
- 413347
- 544759
- 675B6C
- 7B7180
- 908794
- A59EA8
- BBB5BD
- D1CDD3
- E8E6E9
셰이드
- 271A2D
- 201525
- 190F1D
- 120A15
- 0C060E
- 060308
- 030103
- 010001
- 000000
톤
- 37293C
- 3E3243
- 463B4B
- 4E4452
- 564E5A
- 5E5861
- 676169
- 6F6B70
- 777678
색 조화
보색 +180°
- 2F2035
Midnight Velvet
- 1D2C16
≈ Kuro Green
유사색 -30° +30°
- 2F2035
Midnight Velvet
- 25233B
≈ Cold Steel
- 361E2B
≈ Antique Burgundy
삼각 배색 +120° +240°
- 2F2035
Midnight Velvet
- 33240C
≈ Black Slug
- 042D2E
≈ Roof Tile Green
분열 보색 +150° +210°
- 2F2035
Midnight Velvet
- 2A280D
≈ Black Swan
- 0E2D22
≈ Guerrilla Forest
사각 배색 +90° +180° +270°
- 2F2035
Midnight Velvet
- 382014
≈ Scorched
- 1D2C16
≈ Kuro Green
- 0A2B37
≈ Black Chasm
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.22:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.37:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-velvet: #2f2035;
--midnight-velvet-rgb: 47 32 53;
--midnight-velvet-oklch: oklch(0.271 0.043 316);
}
.element {
color: var(--midnight-velvet);
background-color: hsl(283 25% 17%);
border-color: oklch(0.271 0.043 316);
}Tailwind CSS v4
@theme {
--color-midnight-velvet: #2f2035;
--color-midnight-velvet-50: #faf1fd;
--color-midnight-velvet-100: #eee4f1;
--color-midnight-velvet-200: #dccfe0;
--color-midnight-velvet-300: #c1b1c6;
--color-midnight-velvet-400: #a997b0;
--color-midnight-velvet-500: #927e9a;
--color-midnight-velvet-600: #7b6b82;
--color-midnight-velvet-700: #635568;
--color-midnight-velvet-800: #483e4d;
--color-midnight-velvet-900: #322b36;
--color-midnight-velvet-950: #1e1821;
}SCSS
$midnight-velvet: #2f2035;
$midnight-velvet-rgb: 47, 32, 53;
$midnight-velvet-light: mix(#fff, $midnight-velvet, 20%);
$midnight-velvet-dark: mix(#000, $midnight-velvet, 20%);
.element {
color: $midnight-velvet;
box-shadow: 0 0 0 2px rgba($midnight-velvet, 0.35);
}