이름 색상 · #60513A
Longboat
Longboat은(는) #60513A: rgb(96 81 58), hsl(36 25% 30%), oklch(0.444 0.04 78.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Longboat color name →
#60513A
oklch(0.444 0.04 78.1)
색상 변환
- HEX
- #60513a
- RGB
- rgb(96 81 58)
- HSL
- hsl(36 25% 30%)
- HWB
- hwb(36 23% 62%)
- OKLCH
- oklch(0.444 0.04 78.1)
- OKLab
- oklab(0.444 0.008 0.04)
- CIE Lab
- lab(35.51 3.71 15.99)
- LCH
- lch(35.51 16.42 76.9)
- CMYK
- cmyk(0% 16% 40% 62%)
틴트 · 셰이드 · 톤
틴트
- 6F614C
- 7E715E
- 8D8271
- 9C9384
- ACA497
- BCB6AB
- CDC7C0
- DDDAD4
- EEECEA
셰이드
- 524531
- 453A28
- 382F20
- 2C2418
- 201A10
- 151009
- 0A0704
- 030201
- 000000
톤
- 635641
- 665A48
- 6A5F4F
- 6D6456
- 70685D
- 736D64
- 76726B
- 7A7672
- 7D7B79
색 조화
보색 +180°
- 60513A
Longboat
- 46546A
≈ Inkjet
유사색 -30° +30°
- 60513A
Longboat
- 674D40
≈ Deep Umber
- 55553B
≈ Bronze Icon
삼각 배색 +120° +240°
- 60513A
Longboat
- 385B5C
≈ Arctic Nights
- 5D4D62
≈ Vivid Vision
분열 보색 +150° +210°
- 60513A
Longboat
- 3B5865
≈ Cadet Song
- 525069
≈ Magic Spell
사각 배색 +90° +180° +270°
- 60513A
Longboat
- 3D5B4F
≈ Woodlawn Green
- 46546A
≈ Inkjet
- 654B57
≈ Berry Wine
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.67:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.73:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--longboat: #60513a;
--longboat-rgb: 96 81 58;
--longboat-oklch: oklch(0.444 0.04 78.1);
}
.element {
color: var(--longboat);
background-color: hsl(36 25% 30%);
border-color: oklch(0.444 0.04 78.1);
}Tailwind CSS v4
@theme {
--color-longboat: #60513a;
--color-longboat-50: #fbf4e9;
--color-longboat-100: #efe7d9;
--color-longboat-200: #ddd3c1;
--color-longboat-300: #c2b6a1;
--color-longboat-400: #ac9c84;
--color-longboat-500: #958368;
--color-longboat-600: #7e6f58;
--color-longboat-700: #655947;
--color-longboat-800: #4b4133;
--color-longboat-900: #342d23;
--color-longboat-950: #1f1a12;
}SCSS
$longboat: #60513a;
$longboat-rgb: 96, 81, 58;
$longboat-light: mix(#fff, $longboat, 20%);
$longboat-dark: mix(#000, $longboat, 20%);
.element {
color: $longboat;
box-shadow: 0 0 0 2px rgba($longboat, 0.35);
}