Color con nombre más cercano · #B3675C
#B3675C
Color con nombre más cercano: Peach Dunes
#B3675C (rgb(179 103 92), hsl(8 36% 53%), oklch(0.596 0.1 29.1)) se parece más al color con nombre Peach Dunes. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B3675C
oklch(0.596 0.1 29.1)
Conversiones de color
- HEX
- #b3675c
- RGB
- rgb(179 103 92)
- HSL
- hsl(8 36% 53%)
- HWB
- hwb(8 36% 30%)
- OKLCH
- oklch(0.596 0.1 29.1)
- OKLab
- oklab(0.596 0.087 0.049)
- CIE Lab
- lab(52.29 30.37 20.15)
- LCH
- lch(52.29 36.44 33.6)
- CMYK
- cmyk(0% 42% 49% 30%)
Tintes · Sombras · Tonos
Tintes
- BC766B
- C4857B
- CC948B
- D4A39B
- DCB2AB
- E3C1BB
- EAD0CC
- F1E0DD
- F8EFEE
Sombras
- 9B594F
- 844B42
- 6E3D36
- 58302A
- 43231F
- 2F1714
- 1D0C0A
- 0C0403
- 010000
Tonos
- AF6A60
- AA6D64
- A57067
- A0726B
- 9B756F
- 967772
- 917A76
- 8C7C79
- 867E7D
Armonías de color
Complementario +180°
- B3675C
Peach Dunes
- 118F9F
≈ Coral Coast
Análogo -30° +30°
- B3675C
Peach Dunes
- AF657E
≈ Crushed Raspberry
- AB703E
≈ Byzantine Copper
Triádico +120° +240°
- B3675C
Peach Dunes
- 51905E
≈ Middle Green
- 677CBB
≈ Persian Jewel
Complementario dividido +150° +210°
- B3675C
Peach Dunes
- 239280
≈ Miami Jade
- 3F87B4
≈ Curious Blue
Tetrádico +90° +180° +270°
- B3675C
Peach Dunes
- 79883E
≈ Laird
- 118F9F
≈ Coral Coast
- 8871B2
≈ Dahlia Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.19:1 · APCA Lc 69
Ag
AASobre negro
WCAG 5.01:1 · APCA Lc 33
Mejor color de texto: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Fragmentos de código
CSS
:root {
--peach-dunes: #b3675c;
--peach-dunes-rgb: 179 103 92;
--peach-dunes-oklch: oklch(0.596 0.1 29.1);
}
.element {
color: var(--peach-dunes);
background-color: hsl(8 36% 53%);
border-color: oklch(0.596 0.1 29.1);
}Tailwind CSS v4
@theme {
--color-peach-dunes: #b3675c;
--color-peach-dunes-50: #ffebe4;
--color-peach-dunes-100: #ffdcd4;
--color-peach-dunes-200: #fcc5ba;
--color-peach-dunes-300: #e6a598;
--color-peach-dunes-400: #d3887c;
--color-peach-dunes-500: #bf6b5f;
--color-peach-dunes-600: #a25b51;
--color-peach-dunes-700: #824940;
--color-peach-dunes-800: #60342f;
--color-peach-dunes-900: #442320;
--color-peach-dunes-950: #2b1210;
}SCSS
$peach-dunes: #b3675c;
$peach-dunes-rgb: 179, 103, 92;
$peach-dunes-light: mix(#fff, $peach-dunes, 20%);
$peach-dunes-dark: mix(#000, $peach-dunes, 20%);
.element {
color: $peach-dunes;
box-shadow: 0 0 0 2px rgba($peach-dunes, 0.35);
}