Cor nomeada mais próxima · #926A6D
#926A6D
Cor nomeada mais próxima: Reading Tea Leaves
#926A6D (rgb(146 106 109), hsl(356 16% 49%), oklch(0.566 0.051 13.8)) é mais próxima da cor nomeada Reading Tea Leaves. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#926A6D
oklch(0.566 0.051 13.8)
Conversões de cor
- HEX
- #926a6d
- RGB
- rgb(146 106 109)
- HSL
- hsl(356 16% 49%)
- HWB
- hwb(356 42% 43%)
- OKLCH
- oklch(0.566 0.051 13.8)
- OKLab
- oklab(0.566 0.05 0.012)
- CIE Lab
- lab(49.07 16.82 4.96)
- LCH
- lch(49.07 17.53 16.4)
- CMYK
- cmyk(0% 27% 25% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9D787B
- A88688
- B39596
- BDA3A5
- C8B2B3
- D3C1C2
- DED0D1
- E9E0E0
- F4EFEF
Sombras
- 7E5B5E
- 6B4D4F
- 583F41
- 463133
- 352426
- 251819
- 160D0D
- 080404
- 010001
Tons
- 906C6F
- 8F6F71
- 8D7173
- 8C7375
- 8A7576
- 887778
- 867A7A
- 847C7C
- 827E7E
Harmonias de cor
Complementar +180°
- 926A6D
Reading Tea Leaves
- 51807F
≈ Nickel Ore Green
Análoga -30° +30°
- 926A6D
Reading Tea Leaves
- 8D6A7E
≈ Raw Garnet Viola
- 916D5E
≈ Chocolate Curl
Tríade +120° +240°
- 926A6D
Reading Tea Leaves
- 6A7D5E
≈ Emerald City
- 617894
≈ Rushing River
Complementar dividida +150° +210°
- 926A6D
Reading Tea Leaves
- 5A806E
≈ Frosty Spruce
- 547D8D
≈ Technical Blue
Tétrade +90° +180° +270°
- 926A6D
Reading Tea Leaves
- 7B7854
≈ Green Woodpecker Olive
- 51807F
≈ Nickel Ore Green
- 727394
≈ Rhythm
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--reading-tea-leaves: #926a6d;
--reading-tea-leaves-rgb: 146 106 109;
--reading-tea-leaves-oklch: oklch(0.566 0.051 13.8);
}
.element {
color: var(--reading-tea-leaves);
background-color: hsl(356 16% 49%);
border-color: oklch(0.566 0.051 13.8);
}Tailwind CSS v4
@theme {
--color-reading-tea-leaves: #926a6d;
--color-reading-tea-leaves-50: #fff0f0;
--color-reading-tea-leaves-100: #f9e1e2;
--color-reading-tea-leaves-200: #eacccd;
--color-reading-tea-leaves-300: #d1adae;
--color-reading-tea-leaves-400: #bb9295;
--color-reading-tea-leaves-500: #a5787c;
--color-reading-tea-leaves-600: #8c6669;
--color-reading-tea-leaves-700: #705254;
--color-reading-tea-leaves-800: #533b3e;
--color-reading-tea-leaves-900: #3a292a;
--color-reading-tea-leaves-950: #241618;
}SCSS
$reading-tea-leaves: #926a6d;
$reading-tea-leaves-rgb: 146, 106, 109;
$reading-tea-leaves-light: mix(#fff, $reading-tea-leaves, 20%);
$reading-tea-leaves-dark: mix(#000, $reading-tea-leaves, 20%);
.element {
color: $reading-tea-leaves;
box-shadow: 0 0 0 2px rgba($reading-tea-leaves, 0.35);
}