Cor nomeada · #6B515F
Exclusively
Exclusively é #6B515F: rgb(107 81 95), hsl(328 14% 37%), oklch(0.467 0.04 345.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Exclusively color name →
#6B515F
oklch(0.467 0.04 345.2)
Conversões de cor
- HEX
- #6b515f
- RGB
- rgb(107 81 95)
- HSL
- hsl(328 14% 37%)
- HWB
- hwb(328 32% 58%)
- OKLCH
- oklch(0.467 0.04 345.2)
- OKLab
- oklab(0.467 0.039 -0.01)
- CIE Lab
- lab(37.6 13.06 -3.77)
- LCH
- lch(37.6 13.59 343.9)
- CMYK
- cmyk(0% 24% 11% 58%)
Tons claros · Sombras · Tons
Tons claros
- 79616E
- 87717D
- 96828C
- A4939C
- B3A4AC
- C2B6BC
- D1C7CC
- E0DADD
- EFECEE
Sombras
- 5C4552
- 4E3A44
- 3F2F38
- 32242C
- 251A20
- 181015
- 0D070A
- 040203
- 000000
Tons
- 6D5662
- 6F5A65
- 725F69
- 74646C
- 76686F
- 786D73
- 7A7276
- 7C7679
- 7E7B7D
Harmonias de cor
Complementar +180°
- 6B515F
Exclusively
- 446154
≈ Palace Green
Análoga -30° +30°
- 6B515F
Exclusively
- 63536A
≈ Purple Stone
- 6F5152
≈ Buccaneer
Tríade +120° +240°
- 6B515F
Exclusively
- 5D5B41
≈ Tree of Life
- 415F6B
≈ Hypothalamus Grey
Complementar dividida +150° +210°
- 6B515F
Exclusively
- 505F49
≈ Mossy Bronze
- 3E6161
≈ Oceans Deep
Tétrade +90° +180° +270°
- 6B515F
Exclusively
- 675740
≈ Burley Wood
- 446154
≈ Palace Green
- 4B5B71
≈ Bluster Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.07:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.96:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--exclusively: #6b515f;
--exclusively-rgb: 107 81 95;
--exclusively-oklch: oklch(0.467 0.04 345.2);
}
.element {
color: var(--exclusively);
background-color: hsl(328 14% 37%);
border-color: oklch(0.467 0.04 345.2);
}Tailwind CSS v4
@theme {
--color-exclusively: #6b515f;
--color-exclusively-50: #fff1f7;
--color-exclusively-100: #f3e3ea;
--color-exclusively-200: #e2ced7;
--color-exclusively-300: #c8afbb;
--color-exclusively-400: #b195a4;
--color-exclusively-500: #9b7c8c;
--color-exclusively-600: #836977;
--color-exclusively-700: #69545f;
--color-exclusively-800: #4d3d46;
--color-exclusively-900: #352a30;
--color-exclusively-950: #20171d;
}SCSS
$exclusively: #6b515f;
$exclusively-rgb: 107, 81, 95;
$exclusively-light: mix(#fff, $exclusively, 20%);
$exclusively-dark: mix(#000, $exclusively, 20%);
.element {
color: $exclusively;
box-shadow: 0 0 0 2px rgba($exclusively, 0.35);
}