가장 가까운 이름 색상 · #C44700
#C44700
가장 가까운 이름 색상: Vinaceous Tawny
#C44700(rgb(196 71 0), hsl(22 100% 38%), oklch(0.564 0.172 41.4))와 가장 가까운 이름 색상은 Vinaceous Tawny입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C44700
oklch(0.564 0.172 41.4)
색상 변환
- HEX
- #c44700
- RGB
- rgb(196 71 0)
- HSL
- hsl(22 100% 38%)
- HWB
- hwb(22 0% 23%)
- OKLCH
- oklch(0.564 0.172 41.4)
- OKLab
- oklab(0.564 0.129 0.114)
- CIE Lab
- lab(48.01 49.18 59.2)
- LCH
- lch(48.01 76.97 50.3)
- CMYK
- cmyk(0% 64% 100% 23%)
틴트 · 셰이드 · 톤
틴트
- CC5C2D
- D46F48
- DB8260
- E29477
- E8A68D
- EEB8A4
- F3CABA
- F7DBD1
- FCEDE8
셰이드
- AA3D00
- 913200
- 782800
- 611F00
- 4A1600
- 350D00
- 210600
- 0E0200
- 020000
톤
- BE4F1F
- B9572F
- B35D3C
- AD6448
- A66952
- 9F6E5C
- 987365
- 91786E
- 897C77
색 조화
보색 +180°
- C44700
Vinaceous Tawny
- 0083A0
≈ Ahoy! Blue
유사색 -30° +30°
- C44700
Vinaceous Tawny
- C53D5B
≈ Cherry Lolly
- A16700
≈ Cumin Ochre
삼각 배색 +120° +240°
- C44700
Vinaceous Tawny
- 008B5D
≈ Absinthe Turquoise
- 6863D6
≈ Exodus Fruit
분열 보색 +150° +210°
- C44700
Vinaceous Tawny
- 008783
≈ Green Lapis
- 0077D2
≈ Bright Navy Blue
사각 배색 +90° +180° +270°
- C44700
Vinaceous Tawny
- 538700
≈ Pesto Alla Genovese
- 0083A0
≈ Ahoy! Blue
- 9651BE
≈ Liberal Lilac
대비 및 접근성
Ag
AA흰색 위
WCAG 4.94:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.24:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--vinaceous-tawny: #c44700;
--vinaceous-tawny-rgb: 196 71 0;
--vinaceous-tawny-oklch: oklch(0.564 0.172 41.4);
}
.element {
color: var(--vinaceous-tawny);
background-color: hsl(22 100% 38%);
border-color: oklch(0.564 0.172 41.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-tawny: #c44700;
--color-vinaceous-tawny-50: #ffe6ce;
--color-vinaceous-tawny-100: #ffd6ba;
--color-vinaceous-tawny-200: #ffbc98;
--color-vinaceous-tawny-300: #ff986c;
--color-vinaceous-tawny-400: #f07645;
--color-vinaceous-tawny-500: #df5200;
--color-vinaceous-tawny-600: #bc460a;
--color-vinaceous-tawny-700: #97380a;
--color-vinaceous-tawny-800: #712709;
--color-vinaceous-tawny-900: #501a06;
--color-vinaceous-tawny-950: #350900;
}SCSS
$vinaceous-tawny: #c44700;
$vinaceous-tawny-rgb: 196, 71, 0;
$vinaceous-tawny-light: mix(#fff, $vinaceous-tawny, 20%);
$vinaceous-tawny-dark: mix(#000, $vinaceous-tawny, 20%);
.element {
color: $vinaceous-tawny;
box-shadow: 0 0 0 2px rgba($vinaceous-tawny, 0.35);
}