Cor nomeada · #89626D
Glazed Ringlet
Glazed Ringlet é #89626D: rgb(137 98 109), hsl(343 17% 46%), oklch(0.54 0.053 0.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Glazed Ringlet color name →
#89626D
oklch(0.54 0.053 0.5)
Conversões de cor
- HEX
- #89626d
- RGB
- rgb(137 98 109)
- HSL
- hsl(343 17% 46%)
- HWB
- hwb(343 38% 46%)
- OKLCH
- oklch(0.54 0.053 0.5)
- OKLab
- oklab(0.54 0.053 0)
- CIE Lab
- lab(45.97 17.57 0.36)
- LCH
- lch(45.97 17.57 1.2)
- CMYK
- cmyk(0% 28% 20% 46%)
Tons claros · Sombras · Tons
Tons claros
- 95717B
- A07F88
- AC8F96
- B89EA5
- C4AEB3
- CFBDC2
- DBCED1
- E7DEE0
- F3EEEF
Sombras
- 76545E
- 64474F
- 533A41
- 422D33
- 312126
- 221619
- 140B0D
- 070304
- 010001
Tons
- 88656F
- 886871
- 876B73
- 866E75
- 857176
- 847478
- 83777A
- 827A7C
- 817D7E
Harmonias de cor
Complementar +180°
- 89626D
Glazed Ringlet
- 4B7970
≈ Double Jeopardy
Análoga -30° +30°
- 89626D
Glazed Ringlet
- 81647D
≈ Grape Jelly
- 8B635C
≈ Natural Copper
Tríade +120° +240°
- 89626D
Glazed Ringlet
- 6A7451
≈ Four Seasons Oolong
- 52738B
≈ Metallic Blue
Complementar dividida +150° +210°
- 89626D
Glazed Ringlet
- 58785F
≈ Dark Sorrel
- 487780
≈ Hydro
Tétrade +90° +180° +270°
- 89626D
Glazed Ringlet
- 7A6E4B
≈ Go Ben
- 4B7970
≈ Double Jeopardy
- 636D8E
≈ Haunt Mist
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.20:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.03:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--glazed-ringlet: #89626d;
--glazed-ringlet-rgb: 137 98 109;
--glazed-ringlet-oklch: oklch(0.54 0.053 0.5);
}
.element {
color: var(--glazed-ringlet);
background-color: hsl(343 17% 46%);
border-color: oklch(0.54 0.053 0.5);
}Tailwind CSS v4
@theme {
--color-glazed-ringlet: #89626d;
--color-glazed-ringlet-50: #ffeff4;
--color-glazed-ringlet-100: #f8e1e6;
--color-glazed-ringlet-200: #e9cbd2;
--color-glazed-ringlet-300: #d0adb5;
--color-glazed-ringlet-400: #ba929d;
--color-glazed-ringlet-500: #a47884;
--color-glazed-ringlet-600: #8b6670;
--color-glazed-ringlet-700: #6f515a;
--color-glazed-ringlet-800: #523b42;
--color-glazed-ringlet-900: #39282e;
--color-glazed-ringlet-950: #23161a;
}SCSS
$glazed-ringlet: #89626d;
$glazed-ringlet-rgb: 137, 98, 109;
$glazed-ringlet-light: mix(#fff, $glazed-ringlet, 20%);
$glazed-ringlet-dark: mix(#000, $glazed-ringlet, 20%);
.element {
color: $glazed-ringlet;
box-shadow: 0 0 0 2px rgba($glazed-ringlet, 0.35);
}