이름 색상 · #6E6A3B
Robinhood
Robinhood은(는) #6E6A3B: rgb(110 106 59), hsl(55 30% 33%), oklch(0.516 0.067 104.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Robinhood color name →
#6E6A3B
oklch(0.516 0.067 104.2)
색상 변환
- HEX
- #6e6a3b
- RGB
- rgb(110 106 59)
- HSL
- hsl(55 30% 33%)
- HWB
- hwb(55 23% 57%)
- OKLCH
- oklch(0.516 0.067 104.2)
- OKLab
- oklab(0.516 -0.016 0.065)
- CIE Lab
- lab(44.33 -3.81 26.85)
- LCH
- lch(44.33 27.12 98.1)
- CMYK
- cmyk(0% 4% 46% 57%)
틴트 · 셰이드 · 톤
틴트
- 7B784E
- 898661
- 979573
- A5A387
- B4B29A
- C2C1AE
- D1D0C1
- E0E0D6
- EFEFEA
셰이드
- 5F5B32
- 504D29
- 413F21
- 333119
- 262411
- 191809
- 0E0D04
- 040401
- 010000
톤
- 706C43
- 716F4A
- 737151
- 757358
- 77755F
- 797765
- 7A7A6C
- 7C7C73
- 7E7E79
색 조화
보색 +180°
- 6E6A3B
Robinhood
- 63638D
≈ Twilight Purple
유사색 -30° +30°
- 6E6A3B
Robinhood
- 7F623B
≈ Autumn Gold
- 587149
≈ Climbing Ivy
삼각 배색 +120° +240°
- 6E6A3B
Robinhood
- 387085
≈ Oceanic Metropolis
- 845871
≈ Merlin’s Cloak
분열 보색 +150° +210°
- 6E6A3B
Robinhood
- 4D6A8E
≈ Wickford Bay
- 765C83
≈ Mystical Purple
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.54:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.78:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--robinhood: #6e6a3b;
--robinhood-rgb: 110 106 59;
--robinhood-oklch: oklch(0.516 0.067 104.2);
}
.element {
color: var(--robinhood);
background-color: hsl(55 30% 33%);
border-color: oklch(0.516 0.067 104.2);
}Tailwind CSS v4
@theme {
--color-robinhood: #6e6a3b;
--color-robinhood-50: #f7f7e1;
--color-robinhood-100: #eaead1;
--color-robinhood-200: #d7d7b6;
--color-robinhood-300: #bbba93;
--color-robinhood-400: #a4a173;
--color-robinhood-500: #8d8953;
--color-robinhood-600: #777447;
--color-robinhood-700: #5f5d39;
--color-robinhood-800: #474328;
--color-robinhood-900: #312f1a;
--color-robinhood-950: #1d1b0b;
}SCSS
$robinhood: #6e6a3b;
$robinhood-rgb: 110, 106, 59;
$robinhood-light: mix(#fff, $robinhood, 20%);
$robinhood-dark: mix(#000, $robinhood, 20%);
.element {
color: $robinhood;
box-shadow: 0 0 0 2px rgba($robinhood, 0.35);
}