Color con nombre · #905D36
Carrageen Moss
Carrageen Moss es #905D36: rgb(144 93 54), hsl(26 45% 39%), oklch(0.526 0.086 56.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Carrageen Moss color name →
#905D36
oklch(0.526 0.086 56.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 9B6C4A
- A77C5D
- B28C71
- BD9C84
- C8AC98
- D3BCAC
- DECCC0
- E9DDD5
- F4EEEA
Sombras
- 7D502E
- 6A4325
- 57371E
- 452A16
- 341F0F
- 241408
- 150A03
- 070301
- 010000
Tonos
- 8F613E
- 8E6546
- 8C684E
- 8B6C56
- 896F5D
- 887364
- 86766B
- 847972
- 827D79
Armonías de color
Complementario +180°
- 905D36
Carrageen Moss
- 337296
≈ Soul Search
Análogo -30° +30°
- 905D36
Carrageen Moss
- 96564F
≈ Marsala
- 806729
≈ Hunting Jacket
Triádico +120° +240°
- 905D36
Carrageen Moss
- 237B69
≈ Pinehurst
- 706096
≈ Just a Fairytale
Complementario dividido +150° +210°
- 905D36
Carrageen Moss
- 127884
≈ Blue Kelp
- 54699D
≈ San Marino
Tetrádico +90° +180° +270°
- 905D36
Carrageen Moss
- 47784D
≈ Maidenhair Fern
- 337296
≈ Soul Search
- 855885
≈ Concord Grape
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.51:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.80:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
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);
}