Cor nomeada mais próxima · #D5D5BD
#D5D5BD
Cor nomeada mais próxima: Medlar
#D5D5BD (rgb(213 213 189), hsl(60 22% 79%), oklch(0.867 0.032 107.1)) é mais próxima da cor nomeada Medlar. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D5D5BD
oklch(0.867 0.032 107.1)
Conversões de cor
- HEX
- #d5d5bd
- RGB
- rgb(213 213 189)
- HSL
- hsl(60 22% 79%)
- HWB
- hwb(60 74% 16%)
- OKLCH
- oklch(0.867 0.032 107.1)
- OKLab
- oklab(0.867 -0.009 0.031)
- CIE Lab
- lab(84.79 -3.05 11.92)
- LCH
- lch(84.79 12.31 104.4)
- CMYK
- cmyk(0% 0% 11% 16%)
Tons claros · Sombras · Tons
Tons claros
- D9D9C4
- DDDDCA
- E1E1D1
- E6E6D7
- EAEADE
- EEEEE4
- F2F2EB
- F6F7F2
- FBFBF8
Sombras
- B9B9A4
- 9E9E8C
- 838374
- 6A6A5D
- 515147
- 3A3A33
- 24241F
- 10100D
- 020202
Tons
- CCCCB7
- C3C3B1
- BBBBAA
- B2B2A4
- A9AA9E
- A1A198
- 999992
- 90908C
- 888886
Harmonias de cor
Complementar +180°
- D5D5BD
Medlar
- D1D0E8
≈ Artistic Violet
Análoga -30° +30°
- D5D5BD
Medlar
- DFD1BC
≈ Clambake
- C9D8C4
≈ French Limestone
Tríade +120° +240°
- D5D5BD
Medlar
- BED8E4
≈ Glacial Stream
- E4CBD7
≈ Barely Berry
Complementar dividida +150° +210°
- D5D5BD
Medlar
- C6D4E9
≈ Light Radar
- DCCDE1
≈ Violet Mist
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.08:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--medlar: #d5d5bd;
--medlar-rgb: 213 213 189;
--medlar-oklch: oklch(0.867 0.032 107.1);
}
.element {
color: var(--medlar);
background-color: hsl(60 22% 79%);
border-color: oklch(0.867 0.032 107.1);
}Tailwind CSS v4
@theme {
--color-medlar: #d5d5bd;
--color-medlar-50: #f5f6ec;
--color-medlar-100: #e8e9dd;
--color-medlar-200: #d5d6c6;
--color-medlar-300: #b8b9a6;
--color-medlar-400: #a0a08a;
--color-medlar-500: #88886f;
--color-medlar-600: #73735f;
--color-medlar-700: #5c5c4b;
--color-medlar-800: #444336;
--color-medlar-900: #2f2e25;
--color-medlar-950: #1b1b14;
}SCSS
$medlar: #d5d5bd;
$medlar-rgb: 213, 213, 189;
$medlar-light: mix(#fff, $medlar, 20%);
$medlar-dark: mix(#000, $medlar, 20%);
.element {
color: $medlar;
box-shadow: 0 0 0 2px rgba($medlar, 0.35);
}