이름 색상 · #905D36
Carrageen Moss
Carrageen Moss은(는) #905D36: rgb(144 93 54), hsl(26 45% 39%), oklch(0.526 0.086 56.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Carrageen Moss color name →
#905D36
oklch(0.526 0.086 56.9)
색상 변환
- HEX
- #905d36
- RGB
- rgb(144 93 54)
- HSL
- hsl(26 45% 39%)
- HWB
- hwb(26 21% 44%)
- OKLCH
- oklch(0.526 0.086 56.9)
- OKLab
- oklab(0.526 0.047 0.072)
- CIE Lab
- lab(44.63 18.52 31.09)
- LCH
- lch(44.63 36.19 59.2)
- CMYK
- cmyk(0% 35% 63% 44%)
틴트 · 셰이드 · 톤
틴트
- 9B6C4A
- A77C5D
- B28C71
- BD9C84
- C8AC98
- D3BCAC
- DECCC0
- E9DDD5
- F4EEEA
셰이드
- 7D502E
- 6A4325
- 57371E
- 452A16
- 341F0F
- 241408
- 150A03
- 070301
- 010000
톤
- 8F613E
- 8E6546
- 8C684E
- 8B6C56
- 896F5D
- 887364
- 86766B
- 847972
- 827D79
색 조화
보색 +180°
- 905D36
Carrageen Moss
- 337296
≈ Soul Search
유사색 -30° +30°
- 905D36
Carrageen Moss
- 96564F
≈ Marsala
- 806729
≈ Hunting Jacket
삼각 배색 +120° +240°
- 905D36
Carrageen Moss
- 237B69
≈ Pinehurst
- 706096
≈ Just a Fairytale
분열 보색 +150° +210°
- 905D36
Carrageen Moss
- 127884
≈ Blue Kelp
- 54699D
≈ San Marino
사각 배색 +90° +180° +270°
- 905D36
Carrageen Moss
- 47784D
≈ Maidenhair Fern
- 337296
≈ Soul Search
- 855885
≈ Concord Grape
대비 및 접근성
Ag
AA흰색 위
WCAG 5.51:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.80:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--carrageen-moss: #905d36;
--carrageen-moss-rgb: 144 93 54;
--carrageen-moss-oklch: oklch(0.526 0.086 56.9);
}
.element {
color: var(--carrageen-moss);
background-color: hsl(26 45% 39%);
border-color: oklch(0.526 0.086 56.9);
}Tailwind CSS v4
@theme {
--color-carrageen-moss: #905d36;
--color-carrageen-moss-50: #fff0dd;
--color-carrageen-moss-100: #ffe2cc;
--color-carrageen-moss-200: #f1ccb0;
--color-carrageen-moss-300: #d9ad8c;
--color-carrageen-moss-400: #c6926c;
--color-carrageen-moss-500: #b1774b;
--color-carrageen-moss-600: #966540;
--color-carrageen-moss-700: #785133;
--color-carrageen-moss-800: #593a24;
--color-carrageen-moss-900: #3f2818;
--color-carrageen-moss-950: #281609;
}SCSS
$carrageen-moss: #905d36;
$carrageen-moss-rgb: 144, 93, 54;
$carrageen-moss-light: mix(#fff, $carrageen-moss, 20%);
$carrageen-moss-dark: mix(#000, $carrageen-moss, 20%);
.element {
color: $carrageen-moss;
box-shadow: 0 0 0 2px rgba($carrageen-moss, 0.35);
}