이름 색상 · #A94737
Rambutan
Rambutan은(는) #A94737: rgb(169 71 55), hsl(8 51% 44%), oklch(0.524 0.133 31.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rambutan color name →
#A94737
oklch(0.524 0.133 31.3)
색상 변환
- HEX
- #a94737
- RGB
- rgb(169 71 55)
- HSL
- hsl(8 51% 44%)
- HWB
- hwb(8 22% 34%)
- OKLCH
- oklch(0.524 0.133 31.3)
- OKLab
- oklab(0.524 0.113 0.069)
- CIE Lab
- lab(43.62 40.34 30.53)
- LCH
- lch(43.62 50.59 37.1)
- CMYK
- cmyk(0% 58% 67% 34%)
틴트 · 셰이드 · 톤
틴트
- B35A4A
- BD6C5E
- C77F71
- D09184
- D9A398
- E1B5AC
- E9C7C0
- F1DAD5
- F8ECEA
셰이드
- 923D2E
- 7C3226
- 67281E
- 531F16
- 3F160F
- 2C0D08
- 1B0603
- 0A0201
- 010000
톤
- A64E3F
- A35547
- A05B4E
- 9C6156
- 98675D
- 946C64
- 90716B
- 8B7672
- 867B79
색 조화
보색 +180°
- A94737
Rambutan
- 007888
≈ Biscay Bay
유사색 -30° +30°
- A94737
Rambutan
- A54465
≈ Ancient Fuchsia
- 9B5700
≈ Charlie Brown
삼각 배색 +120° +240°
- A94737
Rambutan
- 147F40
≈ Jungle Green
- 4F63B6
≈ Submarine Base
분열 보색 +150° +210°
- A94737
Rambutan
- 007C6E
≈ Blue Green
- 0071AA
≈ Cloisonné
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.76:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.64:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--rambutan: #a94737;
--rambutan-rgb: 169 71 55;
--rambutan-oklch: oklch(0.524 0.133 31.3);
}
.element {
color: var(--rambutan);
background-color: hsl(8 51% 44%);
border-color: oklch(0.524 0.133 31.3);
}Tailwind CSS v4
@theme {
--color-rambutan: #a94737;
--color-rambutan-50: #ffe8dd;
--color-rambutan-100: #ffd9cc;
--color-rambutan-200: #ffc0b0;
--color-rambutan-300: #f39e8b;
--color-rambutan-400: #e27f6d;
--color-rambutan-500: #cf5f4c;
--color-rambutan-600: #af5141;
--color-rambutan-700: #8d4134;
--color-rambutan-800: #692e26;
--color-rambutan-900: #4a1f19;
--color-rambutan-950: #300e0a;
}SCSS
$rambutan: #a94737;
$rambutan-rgb: 169, 71, 55;
$rambutan-light: mix(#fff, $rambutan, 20%);
$rambutan-dark: mix(#000, $rambutan, 20%);
.element {
color: $rambutan;
box-shadow: 0 0 0 2px rgba($rambutan, 0.35);
}