Couleur nommée la plus proche · #68634B
#68634B
Couleur nommée la plus proche: Ivy Topiary
#68634B (rgb(104 99 75), hsl(50 16% 35%), oklch(0.498 0.037 97.7)) est la plus proche de la couleur nommée Ivy Topiary. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#68634B
oklch(0.498 0.037 97.7)
Conversions de couleur
- HEX
- #68634b
- RGB
- rgb(104 99 75)
- HSL
- hsl(50 16% 35%)
- HWB
- hwb(50 29% 59%)
- OKLCH
- oklch(0.498 0.037 97.7)
- OKLab
- oklab(0.498 -0.005 0.036)
- CIE Lab
- lab(41.92 -1.1 14.45)
- LCH
- lch(41.92 14.49 94.3)
- CMYK
- cmyk(0% 5% 28% 59%)
Teintes · Ombres · Tons
Teintes
- 76715B
- 84806C
- 938F7D
- A19E8F
- B0AEA1
- C0BEB3
- CFCEC6
- DFDED8
- EFEEEC
Ombres
- 595540
- 4B4735
- 3E3A2B
- 302E21
- 242117
- 18160E
- 0C0B06
- 040302
- 000000
Tons
- 6A6650
- 6D6956
- 6F6C5B
- 716F60
- 747165
- 76746B
- 797770
- 7B7A75
- 7E7D7B
Harmonies de couleurs
Complémentaire +180°
- 68634B
Ivy Topiary
- 5D6178
≈ Presumption
Analogue -30° +30°
- 68634B
Ivy Topiary
- 715F4C
≈ Stampede
- 5D6750
≈ Monstera
Triadique +120° +240°
- 68634B
Ivy Topiary
- 4B6870
≈ Azalea Leaf
- 715B6A
≈ Smoked Mulberry
Complémentaire divisée +150° +210°
- 68634B
Ivy Topiary
- 526577
≈ Prairie Denim
- 685D73
≈ Violet Haze
Tétradique +90° +180° +270°
- 68634B
Ivy Topiary
- 4A6A66
≈ Pond Newt
- 5D6178
≈ Presumption
- 765A5F
≈ Falcon Wing
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.04:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.47:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--ivy-topiary: #68634b;
--ivy-topiary-rgb: 104 99 75;
--ivy-topiary-oklch: oklch(0.498 0.037 97.7);
}
.element {
color: var(--ivy-topiary);
background-color: hsl(50 16% 35%);
border-color: oklch(0.498 0.037 97.7);
}Tailwind CSS v4
@theme {
--color-ivy-topiary: #68634b;
--color-ivy-topiary-50: #f7f6ea;
--color-ivy-topiary-100: #eae8db;
--color-ivy-topiary-200: #d8d5c3;
--color-ivy-topiary-300: #bbb8a3;
--color-ivy-topiary-400: #a49f87;
--color-ivy-topiary-500: #8c876b;
--color-ivy-topiary-600: #77725b;
--color-ivy-topiary-700: #5f5b48;
--color-ivy-topiary-800: #464234;
--color-ivy-topiary-900: #302e23;
--color-ivy-topiary-950: #1d1b12;
}SCSS
$ivy-topiary: #68634b;
$ivy-topiary-rgb: 104, 99, 75;
$ivy-topiary-light: mix(#fff, $ivy-topiary, 20%);
$ivy-topiary-dark: mix(#000, $ivy-topiary, 20%);
.element {
color: $ivy-topiary;
box-shadow: 0 0 0 2px rgba($ivy-topiary, 0.35);
}