Cor nomeada · #8A3C3E
Ripe Currant
Ripe Currant é #8A3C3E: rgb(138 60 62), hsl(358 39% 39%), oklch(0.461 0.107 20.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ripe Currant color name →
#8A3C3E
oklch(0.461 0.107 20.7)
Conversões de cor
- HEX
- #8a3c3e
- RGB
- rgb(138 60 62)
- HSL
- hsl(358 39% 39%)
- HWB
- hwb(358 24% 46%)
- OKLCH
- oklch(0.461 0.107 20.7)
- OKLab
- oklab(0.461 0.1 0.038)
- CIE Lab
- lab(36.34 34.1 15.93)
- LCH
- lch(36.34 37.64 25)
- CMYK
- cmyk(0% 57% 55% 46%)
Tons claros · Sombras · Tons
Tons claros
- 974F4F
- A36261
- B07574
- BC8886
- C79B9A
- D3AEAD
- DEC2C1
- E9D6D5
- F4EAEA
Sombras
- 773335
- 652A2B
- 532123
- 42191A
- 321112
- 220A0A
- 140404
- 070101
- 010000
Tons
- 8A4445
- 8A4B4B
- 8A5252
- 895958
- 88605F
- 876665
- 866D6C
- 847373
- 827A79
Harmonias de cor
Complementar +180°
- 8A3C3E
Ripe Currant
- 00656A
≈ Joyful Tears
Análoga -30° +30°
- 8A3C3E
Ripe Currant
- 833C60
≈ Berry Patch
- 864416
≈ Sis Kebab
Tríade +120° +240°
- 8A3C3E
Ripe Currant
- 33662A
≈ Radical Green
- 345793
≈ B’dazzled Blue
Complementar dividida +150° +210°
- 8A3C3E
Ripe Currant
- 006851
≈ Peacock Green
- 006182
≈ Adriatic Sea
Tétrade +90° +180° +270°
- 8A3C3E
Ripe Currant
- 5B5D00
≈ Greensboro
- 00656A
≈ Joyful Tears
- 594C8F
≈ Purple Corallite
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.50:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.79:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--ripe-currant: #8a3c3e;
--ripe-currant-rgb: 138 60 62;
--ripe-currant-oklch: oklch(0.461 0.107 20.7);
}
.element {
color: var(--ripe-currant);
background-color: hsl(358 39% 39%);
border-color: oklch(0.461 0.107 20.7);
}Tailwind CSS v4
@theme {
--color-ripe-currant: #8a3c3e;
--color-ripe-currant-50: #ffeae7;
--color-ripe-currant-100: #ffdbd8;
--color-ripe-currant-200: #ffc3bf;
--color-ripe-currant-300: #e9a29e;
--color-ripe-currant-400: #d68483;
--color-ripe-currant-500: #c36767;
--color-ripe-currant-600: #a55858;
--color-ripe-currant-700: #844646;
--color-ripe-currant-800: #623234;
--color-ripe-currant-900: #452223;
--color-ripe-currant-950: #2c1112;
}SCSS
$ripe-currant: #8a3c3e;
$ripe-currant-rgb: 138, 60, 62;
$ripe-currant-light: mix(#fff, $ripe-currant, 20%);
$ripe-currant-dark: mix(#000, $ripe-currant, 20%);
.element {
color: $ripe-currant;
box-shadow: 0 0 0 2px rgba($ripe-currant, 0.35);
}