Cor nomeada mais próxima · #895F6A
#895F6A
Cor nomeada mais próxima: Royal Fig
#895F6A (rgb(137 95 106), hsl(344 18% 45%), oklch(0.533 0.057 2)) é mais próxima da cor nomeada Royal Fig. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#895F6A
oklch(0.533 0.057 2)
Conversões de cor
- HEX
- #895f6a
- RGB
- rgb(137 95 106)
- HSL
- hsl(344 18% 45%)
- HWB
- hwb(344 37% 46%)
- OKLCH
- oklch(0.533 0.057 2)
- OKLab
- oklab(0.533 0.057 0.002)
- CIE Lab
- lab(45.14 18.88 0.97)
- LCH
- lch(45.14 18.91 2.9)
- CMYK
- cmyk(0% 31% 23% 46%)
Tons claros · Sombras · Tons
Tons claros
- 956E78
- A07D86
- AC8C94
- B89CA3
- C4ACB2
- D0BCC1
- DBCDD0
- E7DDDF
- F3EEEF
Sombras
- 76525B
- 64444D
- 53383F
- 422C31
- 312024
- 221518
- 140A0D
- 070304
- 010000
Tons
- 88626C
- 88666E
- 876971
- 866C73
- 867075
- 857377
- 847679
- 827A7C
- 817D7E
Harmonias de cor
Complementar +180°
- 895F6A
Royal Fig
- 45786F
≈ Sea Pea
Análoga -30° +30°
- 895F6A
Royal Fig
- 81617B
≈ Purple Gumdrop
- 8B6158
≈ Bold Brick
Tríade +120° +240°
- 895F6A
Royal Fig
- 67724D
≈ Dill Pickle
- 4F718B
≈ Metallic Blue
Complementar dividida +150° +210°
- 895F6A
Royal Fig
- 54765D
≈ Green Valley
- 437680
≈ Flip
Tétrade +90° +180° +270°
- 895F6A
Royal Fig
- 786C46
≈ Crease
- 45786F
≈ Sea Pea
- 616B8E
≈ Justice
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.37:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.90:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.37:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--royal-fig: #895f6a;
--royal-fig-rgb: 137 95 106;
--royal-fig-oklch: oklch(0.533 0.057 2);
}
.element {
color: var(--royal-fig);
background-color: hsl(344 18% 45%);
border-color: oklch(0.533 0.057 2);
}Tailwind CSS v4
@theme {
--color-royal-fig: #895f6a;
--color-royal-fig-50: #ffeff3;
--color-royal-fig-100: #fae0e6;
--color-royal-fig-200: #ebcbd1;
--color-royal-fig-300: #d2acb4;
--color-royal-fig-400: #bc919c;
--color-royal-fig-500: #a77783;
--color-royal-fig-600: #8d656f;
--color-royal-fig-700: #715059;
--color-royal-fig-800: #533a41;
--color-royal-fig-900: #3a282d;
--color-royal-fig-950: #24161a;
}SCSS
$royal-fig: #895f6a;
$royal-fig-rgb: 137, 95, 106;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}