이름 색상 · #813533
Dockside Red
Dockside Red은(는) #813533: rgb(129 53 51), hsl(2 43% 35%), oklch(0.433 0.106 24). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Dockside Red color name →
#813533
oklch(0.433 0.106 24)
색상 변환
- HEX
- #813533
- RGB
- rgb(129 53 51)
- HSL
- hsl(2 43% 35%)
- HWB
- hwb(2 20% 49%)
- OKLCH
- oklch(0.433 0.106 24)
- OKLab
- oklab(0.433 0.097 0.043)
- CIE Lab
- lab(33.22 33.39 18.48)
- LCH
- lch(33.22 38.16 29)
- CMYK
- cmyk(0% 59% 60% 49%)
틴트 · 셰이드 · 톤
틴트
- 8F4945
- 9C5C58
- A9706C
- B6837F
- C39794
- CFABA8
- DBC0BD
- E7D5D3
- F3EAE9
셰이드
- 6F2D2B
- 5E2523
- 4E1D1C
- 3E1514
- 2E0E0D
- 1F0807
- 120303
- 060101
- 010000
톤
- 823D3B
- 834542
- 844D4A
- 845551
- 845C59
- 846361
- 836B69
- 837270
- 817978
색 조화
보색 +180°
- 813533
Dockside Red
- 005C63
≈ Enamelled Jewel
유사색 -30° +30°
- 813533
Dockside Red
- 7C3455
≈ Rich Red Violet
- 7C3D05
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 813533
Dockside Red
- 255F27
≈ Bright Nori
- 324E8A
≈ Tory Blue
분열 보색 +150° +210°
- 813533
Dockside Red
- 005F4D
≈ Alpine Green
- 00587B
≈ Commandes
사각 배색 +90° +180° +270°
- 813533
Dockside Red
- 505600
≈ Douro
- 005C63
≈ Enamelled Jewel
- 554385
≈ Harvest Night
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.43:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.49:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--dockside-red: #813533;
--dockside-red-rgb: 129 53 51;
--dockside-red-oklch: oklch(0.433 0.106 24);
}
.element {
color: var(--dockside-red);
background-color: hsl(2 43% 35%);
border-color: oklch(0.433 0.106 24);
}Tailwind CSS v4
@theme {
--color-dockside-red: #813533;
--color-dockside-red-50: #ffeae5;
--color-dockside-red-100: #ffdbd6;
--color-dockside-red-200: #ffc4bd;
--color-dockside-red-300: #e9a39b;
--color-dockside-red-400: #d68580;
--color-dockside-red-500: #c26863;
--color-dockside-red-600: #a45854;
--color-dockside-red-700: #844643;
--color-dockside-red-800: #623231;
--color-dockside-red-900: #452222;
--color-dockside-red-950: #2c1111;
}SCSS
$dockside-red: #813533;
$dockside-red-rgb: 129, 53, 51;
$dockside-red-light: mix(#fff, $dockside-red, 20%);
$dockside-red-dark: mix(#000, $dockside-red, 20%);
.element {
color: $dockside-red;
box-shadow: 0 0 0 2px rgba($dockside-red, 0.35);
}