Couleur nommée la plus proche · #B36962
#B36962
Couleur nommée la plus proche: Peach Dunes
#B36962 (rgb(179 105 98), hsl(5 35% 54%), oklch(0.601 0.096 26.1)) est la plus proche de la couleur nommée Peach Dunes. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B36962
oklch(0.601 0.096 26.1)
Conversions de couleur
- HEX
- #b36962
- RGB
- rgb(179 105 98)
- HSL
- hsl(5 35% 54%)
- HWB
- hwb(5 38% 30%)
- OKLCH
- oklch(0.601 0.096 26.1)
- OKLab
- oklab(0.601 0.086 0.042)
- CIE Lab
- lab(52.84 29.77 17.38)
- LCH
- lch(52.84 34.48 30.3)
- CMYK
- cmyk(0% 41% 45% 30%)
Teintes · Ombres · Tons
Teintes
- BC7871
- C48680
- CC958F
- D4A49E
- DBB3AE
- E3C2BE
- EAD1CE
- F1E0DE
- F8EFEE
Ombres
- 9B5A54
- 844C47
- 6E3E3A
- 58312D
- 432421
- 2F1816
- 1D0C0B
- 0C0403
- 010000
Tons
- AE6C65
- AA6E68
- A5716B
- A0736E
- 9B7671
- 967874
- 917A77
- 8C7C7A
- 867E7D
Harmonies de couleurs
Complémentaire +180°
- B36962
Peach Dunes
- 1E919D
≈ Jaded
Analogue -30° +30°
- B36962
Peach Dunes
- AE6782
≈ Crushed Raspberry
- AC7145
≈ Byzantine Copper
Triadique +120° +240°
- B36962
Peach Dunes
- 59905D
≈ Hippie Green
- 667FBA
≈ Watertown
Complémentaire divisée +150° +210°
- B36962
Peach Dunes
- 30937E
≈ Illuminating Emerald
- 4089B2
≈ Tropic
Tétradique +90° +180° +270°
- B36962
Peach Dunes
- 7E8841
≈ Sea Turtle
- 1E919D
≈ Jaded
- 8674B4
≈ Dahlia Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.10:1 · APCA Lc 68
Ag
AASur noir
WCAG 5.11:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--peach-dunes: #b36962;
--peach-dunes-rgb: 179 105 98;
--peach-dunes-oklch: oklch(0.601 0.096 26.1);
}
.element {
color: var(--peach-dunes);
background-color: hsl(5 35% 54%);
border-color: oklch(0.601 0.096 26.1);
}Tailwind CSS v4
@theme {
--color-peach-dunes: #b36962;
--color-peach-dunes-50: #ffebe6;
--color-peach-dunes-100: #ffddd6;
--color-peach-dunes-200: #fbc5be;
--color-peach-dunes-300: #e5a59c;
--color-peach-dunes-400: #d18881;
--color-peach-dunes-500: #be6c64;
--color-peach-dunes-600: #a05b55;
--color-peach-dunes-700: #814944;
--color-peach-dunes-800: #5f3432;
--color-peach-dunes-900: #432422;
--color-peach-dunes-950: #2b1211;
}SCSS
$peach-dunes: #b36962;
$peach-dunes-rgb: 179, 105, 98;
$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);
}