가장 가까운 이름 색상 · #682633
#682633
가장 가까운 이름 색상: Merlot Fields
#682633(rgb(104 38 51), hsl(348 46% 28%), oklch(0.37 0.095 11))와 가장 가까운 이름 색상은 Merlot Fields입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#682633
oklch(0.37 0.095 11)
색상 변환
- HEX
- #682633
- RGB
- rgb(104 38 51)
- HSL
- hsl(348 46% 28%)
- HWB
- hwb(348 15% 59%)
- OKLCH
- oklch(0.37 0.095 11)
- OKLab
- oklab(0.37 0.093 0.018)
- CIE Lab
- lab(25.77 31.04 7.7)
- LCH
- lch(25.77 31.98 13.9)
- CMYK
- cmyk(0% 63% 51% 59%)
틴트 · 셰이드 · 톤
틴트
- 783B45
- 874F57
- 97646A
- A6797E
- B58E92
- C4A4A7
- D3BABD
- E2D1D2
- F0E8E8
셰이드
- 59202B
- 4B1923
- 3E131C
- 300D14
- 24080D
- 180407
- 0C0203
- 040101
- 000000
톤
- 6C303A
- 6F3942
- 724249
- 754B51
- 775458
- 7A5D60
- 7C6668
- 7D6E70
- 7F7778
색 조화
보색 +180°
- 682633
Merlot Fields
- 004A48
≈ Deep Into the Jungle
유사색 -30° +30°
- 682633
Merlot Fields
- 60284E
≈ Plum Caspia
- 682A12
≈ Moussaka
삼각 배색 +120° +240°
- 682633
Merlot Fields
- 2D4907
≈ Treetop Cathedral
- 0F4170
≈ Ashenvale Nights
분열 보색 +150° +210°
- 682633
Merlot Fields
- 004D31
≈ Troll Green
- 004759
≈ Sultan’s Silk
사각 배색 +90° +180° +270°
- 682633
Merlot Fields
- 494000
≈ Xanthophobia
- 004A48
≈ Deep Into the Jungle
- 383770
≈ American Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.97:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.91:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.97:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--merlot-fields: #682633;
--merlot-fields-rgb: 104 38 51;
--merlot-fields-oklch: oklch(0.37 0.095 11);
}
.element {
color: var(--merlot-fields);
background-color: hsl(348 46% 28%);
border-color: oklch(0.37 0.095 11);
}Tailwind CSS v4
@theme {
--color-merlot-fields: #682633;
--color-merlot-fields-50: #ffebed;
--color-merlot-fields-100: #ffdcdf;
--color-merlot-fields-200: #fac4c9;
--color-merlot-fields-300: #e4a4aa;
--color-merlot-fields-400: #d08790;
--color-merlot-fields-500: #bc6a76;
--color-merlot-fields-600: #9f5a64;
--color-merlot-fields-700: #7f4850;
--color-merlot-fields-800: #5e343b;
--color-merlot-fields-900: #422329;
--color-merlot-fields-950: #2a1217;
}SCSS
$merlot-fields: #682633;
$merlot-fields-rgb: 104, 38, 51;
$merlot-fields-light: mix(#fff, $merlot-fields, 20%);
$merlot-fields-dark: mix(#000, $merlot-fields, 20%);
.element {
color: $merlot-fields;
box-shadow: 0 0 0 2px rgba($merlot-fields, 0.35);
}