Dichtstbijzijnde benoemde kleur · #7F675B
#7F675B
Dichtstbijzijnde benoemde kleur: Ranch House
#7F675B (rgb(127 103 91), hsl(20 17% 43%), oklch(0.534 0.036 48)) komt het dichtst bij de benoemde kleur Ranch House. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7F675B
oklch(0.534 0.036 48)
Kleurconversies
- HEX
- #7f675b
- RGB
- rgb(127 103 91)
- HSL
- hsl(20 17% 43%)
- HWB
- hwb(20 36% 50%)
- OKLCH
- oklch(0.534 0.036 48)
- OKLab
- oklab(0.534 0.024 0.027)
- CIE Lab
- lab(45.74 8.48 10.6)
- LCH
- lch(45.74 13.57 51.4)
- CMYK
- cmyk(0% 19% 28% 50%)
Tinten · Schaduwen · Tonen
Tinten
- 8B756A
- 988379
- A49289
- B1A199
- BDB0AA
- CABFBA
- D7CFCB
- E4DFDC
- F2EFED
Schaduwen
- 6E594E
- 5D4B41
- 4C3D35
- 3C3029
- 2D231E
- 1F1713
- 110C09
- 060403
- 010000
Tonen
- 7F6A5F
- 7F6C62
- 806F66
- 80716A
- 80746D
- 807671
- 807975
- 807B79
- 807E7C
Kleurharmonieën
Complementair +180°
- 7F675B
Ranch House
- 57717E
≈ Lily Pond Blue
Analoog -30° +30°
- 7F675B
Ranch House
- 816565
≈ Amazing Amethyst
- 796B56
≈ Irrigation
Triadisch +120° +240°
- 7F675B
Ranch House
- 597469
≈ Hilltop
- 6B6A81
≈ Great Grape
Gesplitst complementair +150° +210°
- 7F675B
Ranch House
- 547474
≈ Sagebrush Green
- 606E82
≈ Sausalito Port
Tetradisch +90° +180° +270°
- 7F675B
Ranch House
- 63725E
≈ Laurel Garland
- 57717E
≈ Lily Pond Blue
- 76677B
≈ Decadence
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.25:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--ranch-house: #7f675b;
--ranch-house-rgb: 127 103 91;
--ranch-house-oklch: oklch(0.534 0.036 48);
}
.element {
color: var(--ranch-house);
background-color: hsl(20 17% 43%);
border-color: oklch(0.534 0.036 48);
}Tailwind CSS v4
@theme {
--color-ranch-house: #7f675b;
--color-ranch-house-50: #fef2ec;
--color-ranch-house-100: #f2e5dd;
--color-ranch-house-200: #e2d0c7;
--color-ranch-house-300: #c7b3a7;
--color-ranch-house-400: #b1998c;
--color-ranch-house-500: #9b7f72;
--color-ranch-house-600: #836c60;
--color-ranch-house-700: #69564d;
--color-ranch-house-800: #4d3f38;
--color-ranch-house-900: #362b26;
--color-ranch-house-950: #211815;
}SCSS
$ranch-house: #7f675b;
$ranch-house-rgb: 127, 103, 91;
$ranch-house-light: mix(#fff, $ranch-house, 20%);
$ranch-house-dark: mix(#000, $ranch-house, 20%);
.element {
color: $ranch-house;
box-shadow: 0 0 0 2px rgba($ranch-house, 0.35);
}